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

我想爲其中沒有項目的類別設置Validation。 對於第8類，它有一個相關聯的值，因此不需要顯示需要的地方，因爲9沒有任何與它相關的項目。因此，它的tr顏色應該設置爲紅色。 同樣的評論應該完全忽略，因爲它沒有任何類別。 餘米試圖將其設置爲

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

Answer 1

檢查jQuery validation plugin。

Answer 2

這將選擇:empty<td>之前有<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/