Comparaison du texte li d'un ul avec un ul maître et ses li et application d'une classe aux li qui sont différents

Question

Cela fait un moment que je me creuse la tête à ce sujet et je n'arrive pas à trouver de solution.

Tout d'abord, je voudrais pouvoir le faire en Jquery...

Ce que j'essaie de faire, c'est de comparer le premier li de chacun des ul avec le premier ul pour trouver les différences et appliquer un style à chaque li qui a un texte/chaîne différent. Ensuite, je fais la même chose pour le reste des liens dans l'ordre, deuxième lien, troisième lien de chaque ul.

mon balisage sans classes ( je ne veux pas utiliser de classes pour sélectionner en utilisant jquery )

<ul>
    <li>red</li>
    <li>blue</li>
    <li>green</li>
    <li>yellow</li>
    <li>black</li>
</ul>

<ul>
    <li>red</li>
    <li>blue</li>
    <li>red</li>       <----this one
    <li>yellow</li>
    <li>black</li>
</ul>

<ul>
    <li>green</li>     <----this one
    <li>blue</li>
    <li>green</li>
    <li>yellow</li>
    <li>black</li>
</ul>

Dans l'ul numéro 2, je veux que le troisième li ait une classe ajoutée parce qu'il a une chaîne différente de celle de l'ul numéro 1.

Est-ce possible sans ajouter une classe à chaque lien ?

Answer 1

Voici également une solution alternative. Je me contente de prendre le premier ul et de le considérer comme le maître, bien que vous puissiez identifier le maître par une classe ou un identifiant si vous le souhaitez. Je compare ensuite tous les autres au maître et j'ajoute une classe à ceux qui ne correspondent pas afin que vous puissiez les styliser comme vous le souhaitez.

http://jsfiddle.net/ZpFrr/