jQuery - Sélectionnez CHAQUE UL de dernière LI dans la liste

Question

Je suis en train de formater ma liste d'articles, où le code html va comme ceci:

<ul class='product_list'> 
<li>Item 1 
    <ul> 
     <li>Item 1.1</li> 
     <li>Item 1.2 
      <ul> 
       <li>Item 1.2.1</li> 
       <li>Item 1.2.2 
        <ul> 
         <li>Item 1.2.2.1</li> 
         <li>Item 1.2.2.2</li> 
        </ul> 
       </li> 
      </ul> 
     </li> 
     <li>Item 1.3</li> 
    </ul> 
</li> 
<li>Item 2</li> 

Et ainsi de suite, espérons que vous obtenez le idée, que cela peut aller profond infini de temps et maintenant, je dois sélectionner et formater UL de chaque LAST LI dans toute UL de la liste.

Avez-vous une idée? Cela fait deux jours que je suis coincé là-dessus et tout ce que je propose a du «mais», quand ça ne marche pas. =/

Mike

Answer 1

Essayez:

$("li:last-child > ul").css("border", "1px solid red"); 

Démo: http://jsfiddle.net/2NVB7/

Answer 2

CSS/sélecteur jQuery: li:last-child > ul

Notez qu'il existe compatibility issues avec CSS.