프로그래밍/jQuery

[jQuery(제이쿼리)] table td 또는 ul li 값 가져오기

미냐님 2020. 4. 12. 19:05
728x90

제이쿼리로 table td 또는 ul li 값 가져오기

How to get the text value of td or li(html)

  • 간단히 this 를 사용해서 가져옵니다.
  • 아이디를 직접 정의하기 보다는 클래스로 정의해서 사용합니다.
// html

<table>
    <tr class="test-td">
        <td>값1</td>
        <td>값2</td>
        <td>값3</td>
        <td>값4</td>
    </tr>
</table>


<ul class="test-li">
    <li><span>여기1</span></li>
    <li><span>여기2</span></li>
    <li><span>여기3</span></li>
    <li><span>여기4</span></li>
</ul>



// script

$(".test-td td").click(function(){
    console.log($(this).text());
});

$(".test-li li span").click(function(){
    console.log($(this).text());
});
728x90