使用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 颜色应设置为红色。 也应该完全忽略注释，因为它没有任何 categoryid。 我正在尝试将其设置为

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

Answer 1

这将选择前面带有<td class="cat"> 的:empty <td> 元素。

然后它遍历回到.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 validation plugin。