Utilisation de l'élément parent set jQuery css basé sur la condition de plusieurs éléments enfants

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

Je souhaite définir la validation pour la catégorie qui ne contient pas d'éléments. Pour la catégorie 8, elle a une valeur associée, il n'est donc pas nécessaire d'afficher le cas où 9 n'a pas d'élément associé. Par conséquent, sa couleur tr doit être rouge. De plus, les commentaires doivent être ignorés car ils n'ont pas de catégorie en tant que telle. J'essaie de définir comme

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

Answer 1

Vérifier jQuery validation plugin.

Answer 2

Ceci va sélectionner :empty<td> éléments qui sont précédés d'un <td class="cat">.

Puis il retourne à l'élément .prev() et change de couleur.

Essayez-: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/