製作表中的行而不是表頭點擊jQuery的

Question

目前我使用

$('#mytable tr').click(function() { 
    blah blah 
}); 

這使得所有的行，包括可點擊的標題。我如何排除標頭或<th>的？

Answer 1

你隔絕頭和使用<thead>和<tbody>標籤的身體，你的選擇更改爲"#mytable tbody tr"

HTML會是這個樣子

<table> 
    <thead> 
     <tr> 
     ... 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      ... 
     </tr> 
    </tbody> 
</table> 

Answer 2

最簡單的方式，假設你標記你的table了準確地說，就是用：

$('#mytable tbody tr').click(function() { 
    blah blah 
}); 

不及格：

$('#mytable tr').filter(
    function(){ 
     return $(this).find('td').length; 
    }).click(function() { 
    $(this).addClass('clicked'); 
}); 

JS Fiddle demo。

Answer 3

您可以用not功能刪除：

$('#mytable tr').not('th').click(function() { 
    blah blah 
}); 

或者：

$('#mytable tr:not(th)').click(function() { 
    blah blah 
}); 

Answer 4

使用jQuery代表

$("#mytable").delegate("td", "click", function() { 
    //Do something 
}); 

這應該工作