728x90
반응형
■ JQuery table tr onclick event 특정 td만 제외 / <tr> onclick 이벤트 특정 <td> 제외
■ 예제 테이블
<table id="testTable">
<thead>
<tr>
<th></th>
<th>아이디</th>
<th>비밀번호</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>test</td>
<td>1234</td>
</tr>
</tbody>
</table>
■ 사용법
# 예제 1 (첫번째 td를 제외한 나머지 td 클릭 시 콘솔 1이 찍힘) - 'tr td:not(:first-child)'
- 2(n)번째 td를 제외하고 싶을 경우 - 'tr td:not(:nth-child(2))'
- 마지막 td를 제외하고 싶을 경우 - 'tr td:not(:last-child)'
<script type="text/javascript">
$(document).ready(function() {
$('#testTable tbody').on('click', 'tr td:not(:first-child)', function () {
console.log('1');
});
});
</script>
728x90
반응형
'JQuery' 카테고리의 다른 글
[JQuery] HTML PDF 변환 / HTML PDF 저장 ( html2canvas, jspdf) (5) | 2021.03.22 |
---|---|
[JQuery] input type checkbox class 클래스로 접근 / 체크박스 개수 구하기 / 선택된 체크박스 개수 구하기 (0) | 2021.02.18 |
[JQuery] input type checkbox 선택값 배열 생성 / checked value array (0) | 2021.02.03 |
[JQuery] input radio value 설정/변경 , input radio value 값 가져오기 (0) | 2021.01.26 |
[JQuery] select option 값 선택/변경하기 (0) | 2021.01.26 |