jQuery的獲得表

Question

我的表是這樣的特定列中的每個元素：

<table> 
    <tr> 
     <td> 
      <img src="" /> 
      <span>blah</span> 
     </td> 
    </tr> 
    ... 

所以每行第一列中包含的圖像。我需要在每張圖片上註冊活動。那我該如何選擇它？

我嘗試這樣做：

td:eq(0):nth-child(0) 

但它無法正常工作。

Answer 1

我建議：

$('table tr td:first-child img').on('event', function(){ 
    // handle the event here 
}); 

Answer 2

看到，只要你想一個事件附加，而不是遍歷每個圖像的圖像，你可以綁定事件處理程序是這樣的：

$("table").on("eventname", "td:first-child img", function(i){ 
//your code 
}); 

演示：http://jsfiddle.net/hungerpain/PYFhw/

Answer 3

我覺得http://forum.jquery.com/topic/jquery-how-to-select-all-first-tds-inside-all-tr-in-a-table包含幾種解決方案：

$('tr td:first-child')

$('tr').find('td:eq(0)')

$("tr td:nth-child(1)")

Answer 4

這樣的選擇：

td:first-child > img 

應該工作我猜...

Answer 5

$('table > tr > td:first-child > img').bind('click', function() { 
    // your code 
}); 

我會給表的唯一ID爲更精確。

$('#table_id > tr > td:first-child > img').bind('click', function() { 
    // your code 
}); 

替換代碼「點擊」以上wathever事件中，你需要檢查。

Answer 6

對於nth-child選擇，該指數是基於1。我覺得這樣的事情會爲你工作：

$("td:nth-child(1) > img") 

或更簡單：

$("td:first-child > img") 

Answer 7

您可以選擇表格的第一欄相關圖片如下：

$('tr').find('td:eq(0)') 

Answer 8

檢查這

$(function(){ 
$("table tr td:first-child").on("click","img",function(){ 
    console.log("hey"); 
}); 
});