如何防止点击标题栏

Question

如何防止标题列中的点击事件。

HTML：

<table>
   <tr>
      <th class="column">Header</th>
   </tr>
   <tr>
      <td class="column">Body 1</td>
   </tr>
   <tr>
      <td class="column">Body 2</td>
   </tr>
   <tr>
      <td class="column">Body 3</td>
   </tr>
</table>

我的剧本

$('.column:not("th")').on('click', function(){
    alert("test");
});

Answer 1

为什么不：

$('td.column').on('click', function(){
    alert("test");
});

Answer 2

1. 在代码上添加t选择器
＆＃13;
＆＃13;
$('tbody .column').on('click', function() {
  alert("test");
});
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th class="column">thead</th>
    </tr>
    <tr>
      <th class="column">thead Body 1</th>
    </tr>
    <tr>
      <th class="column">thead Body 2</th>
    </tr>
    <tr>
      <th class="column">thead Body 3</th>
    </tr>
  </thead>

  <tr>
    <td class="column">Header</td>
  </tr>
  <tr>
    <td class="column">Body 1</td>
  </tr>
  <tr>
    <td class="column">Body 2</td>
  </tr>
  <tr>
    <td class="column">Body 3</td>
  </tr>
</table>
＆＃13;
＆＃13;
＆＃13;