如何防止點擊標題列

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. 喲添加TBODY選擇ü代碼

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

<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>