更改 TD 上的 bgcolor，其中包含 a 和包含 XXX 的 onClick

Question

我需要一个 jQuery 脚本，如果它包含包含“BG5”的 onClick，则可以更改所有 td 上的颜色。 它需要在 IE7 上运行。我已经尝试过 $("a:contains('BG5')").css("background","#F6CED8");

这可能吗？

他们通过按按钮来获得效果

    <tr bgcolor='#F2F2F2'>
    <td>2011-04-18</td>
    <td>a</td>
    <td>a</td>
    <td align="center"><a href="#" onClick="edit('BG5')"><img src="../img/icon/skruenogle.png" border=0 alt="Delete corr"></A>
    <td align="center"><a href="#" onClick="disregard('BG5')"><img class="click" src="../img/icon/redcross.png" border=0 alt="Delete corr"></A></td>
</tr>

<tr bgcolor='#FFFFFF'>
    <td>2011-04-18</td>
    <td>a</td>
    <td>a</td>
    <td align="center"><a href="#" onClick="edit('1A1')"><img src="../img/icon/skruenogle.png" border=0 alt="Delete corr"></A>
    <td align="center"><a href="#" onClick="disregard('1A1')"><img class="click" src="../img/icon/redcross.png" border=0 alt="Delete corr"></A></td>
</tr>

Answer 1

如果我理解正确，您要做的就是更改包含字符串“BG5”的 a 标记的每个 tr 元素的背景颜色在名为 onClick 的属性中。

如果这是正确的，请尝试如下操作：

$("a").filter(function() {
    if($(this).attr("onClick")) {
        return $(this).attr("onClick").indexOf("BG5") !== -1; 
    }
}).closest("tr").css("background-color", "blue");

这是一个使用 HTML 和上述 jQuery 的 工作示例。基本上，它的作用是获取所有 a 元素，过滤它们，这样我们就只剩下那些在 onClick 属性中包含字符串“BG5”的元素，获取最接近的 < code>tr 元素，并设置背景颜色。

需要注意的重要一点是 attr 方法区分大小写，因此您需要确保与 HTML 一致！

另外，您确实不应该使用 bgcolor 属性，因为它已被弃用。应始终使用 CSS。此外，您问题的代码中还有一些 td 元素尚未关闭。这可能只是问题中的拼写错误，但值得一提以防万一！