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
'프로그래밍 > jQuery' 카테고리의 다른 글
[jQuery(제이쿼리)] Object의 특정 클래스(Class) 포함 여부 확인 (0) | 2020.04.12 |
---|---|
[jQuery(제이쿼리)] 선택자에 변수 넣기 (0) | 2020.04.12 |
[jQuery(제이쿼리)] 형제 요소의 탐색 .siblings() .next() .prev() (0) | 2020.04.12 |
제이쿼리(jQuery)로 select box(셀렉트 박스) 값 가져오기 (0) | 2020.04.01 |
제이쿼리(jQuery)로 select box 값 고정하기/ 변경하기 (0) | 2020.03.31 |