jquery - 使用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

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

然后它遍历回.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 验证插件。