用jQuery改變tr的字體顏色點擊圖片後

Question

我搜索了一種用jQuery改變tr字體顏色的方法。每個tr的最後一個單元格中都有一個圖標。如果我點擊它，tr的字體顏色被改變，我想要。我用這個：

$('#documentsTable tr').live('click', function(){ 

但它是用於點擊整行。管理這個最好的方法是什麼？

問候

Answer 1

假設類的圖標是icon：

$('#documentsTable .icon').live('click', function(){ 
    $(this).closest("tr").css("color","yourColor"); 
}); 

Answer 2

可以使用:last-child僞選擇每個元素的最後一個子匹配在匹配集（在這種情況下，在每個tr內#documentsTable）最後td：

$('#documentsTable tr td:last-child').live('click', function(){ 
    $(this).closest("tr").css({color: "#ff0000"}); 
}); 

要附加click事件處理程序的形象，td內，只需添加img到您選擇的結尾：

#documentsTable tr td:last-child img 

這裏有一個working example。