单击图像后使用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伪选择器来匹配匹配集中每个元素的最后一个孩子（在这种情况下，是#documentsTable中每个tr的最后一个td ）：

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

要将click事件处理程序附加到该td的图像，只需将img添加到选择器的末尾：

#documentsTable tr td:last-child img

这是一个有效的例子 。