초급의 끄적거림

[jQuery] table의 td / ul의 li 값 가져오기 본문

jQuery

[jQuery] table의 td / ul의 li 값 가져오기

codingD 2021. 9. 6. 22:28

jQuery를 활용하여 table의 td나 ul의 li 가져오기


  • this를 사용하여 가져올 수 있음
  • 아이디 직접 정의보다 클래스로 정의해서 사용
//html
<table>
  <tr class = "table-Test">
        <td>table1</tdr>
        <td>table2</td>
        <td>table3</td>
        <td>table4</td>
        <td>table5</td>
  </tr>
</table>

<ul class = "ul-Test">
	<li><span>test1</span></li>
    <li><span>test2</span></li>
    <li><span>test3</span></li>
    <li><span>test4</span></li>
</ul>

//script
$(".table-Test td").click(function(){
	console.log($(this).text());
});

$(".ul-Test li span").click(function(){
	console.log($(this).text());
});
Comments