JQuery

[JQuery] table tr onclick event 특정 td만 제외 / <tr> onclick 이벤트 특정 <td> 제외

chsr 2021. 2. 4. 17:21
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
반응형