イメージのクリック後、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"}); 
}); 

へ単にあなたのセレクタの最後にimgを追加し、そのtd内の画像をクリックしてイベントハンドラをアタッチ：

#documentsTable tr td:last-child img 

ここworking exampleです。