如何使用jQuery更改表行颜色

时间:2014-10-21 20:32:18

标签: jquery asp.net

在使用jQuery查找<td>类名后,我设法插入了一个新行。现在我需要更改<td>的行背景颜色。我尝试了很多方法,并尝试使用closest('tr')来查找行,但它失败了。我测试过要更改<td>颜色。

如何更改行颜色?

这是我的jQuery代码:

function jQueryShowWarning() {
    $('.hideClass').each(function() {                    
        $(this).css("background-color", "blue");                
        $('<tr width=100%;><td colspan="18" bgcolor="#00FF00"><div  style="background-color: #9999ff;"><font color="red">*test</font></div></td></tr>').insertAfter($(this).parent());      

        //this line doesn’t work                    
        $(this).parent().css("background-color", "red");
        //this line doesn’t work
        $(this).parent().closest('tr').css("background-color", "green");
        //this line doesn't work
        $(this).closest('tr').css("background-color", "red"); 
    });
}

在您使用路易斯代码后,图像为:

enter image description here

1 个答案:

答案 0 :(得分:1)

你想要的是改变所有的&lt; td&gt;在&lt; tr&gt;内,所以你的选择器应该沿着     $(this).closest(&#39; tr&#39;)。find(&#39; td&#39;)。css(&#39; background-color&#39;,&#39; red&#39; )

假设$(this)是要更改背景颜色的行的子元素