使用 jQuery 根据多个子元素的条件设置父元素 css

Question

<tr>
    <td class="cat" CategoryId="8">NoChange*: </td>
    <td><span class="itm" CategoryId="8">A</span></td>
</tr> 
<tr>
    <td class="cat" CategoryId="9">Row should be red*: </td>
    <td></td>
</tr> 
<tr>
    <td class="cat">Comments:</td>
    <td><span class="itm"></span></td>
</tr>​

我想为其中没有项目的类别设置验证。 对于类别 8，它有一个关联的值，因此无需显示 required，而类别 9 没有任何与其关联的项目。因此，其 tr 颜色应设置为红色。 另外，评论应该被完全忽略，因为它没有任何类别ID。 我试图将其设置为

$("tr.cat~tr.itm").children(":not(:has(td))").css("color","red")

Answer 1

这将选择前面带有 的 :empty 元素。

然后它遍历回 .prev() 元素并更改颜色。

尝试一下： http://jsfiddle.net/4DN6Q/1/

$("td.cat + td:empty").prev('td.cat').css("color","red");

• http://api.jquery.com/next-adjacent-selector/
• http://api.jquery.com/empty-selector/
• http://api.jquery.com/prev/

Answer 2

检查 jQuery 验证插件。