Ajouter un autre style CSS aux éléments enfants qui sont également des parents

Question

Ma liste ressemble donc à ceci:

<div="list">
  <ul>
    <li class="page item">Parent 1
      <ul>
        <li class="page item">Child of Parent 1 and Parent of Grandchild
          <ul>
            <li class="page item">Grandchild</li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

Cela se fait via la liste_wp_pages de Wordpress avec un code CSS personnalisé de type suckerfish. Rien ne peut être changé dans la liste non ordonnée elle-même. Je dois donc trouver un moyen d’ajouter un style CSS aux seules pages enfants qui sont également des parents (Child of a Parent 1 ...).

J'ai essayé d'ajouter une icône de flèche uniquement aux pages enfants qui possèdent des pages enfants. J'ai pensé que je pourrais utiliser:

$("#target").addClass("newclass"); 

pour ajouter une classe supplémentaire avec une icône de flèche comme image d'arrière-plan.

Merci!

Answer 1

$("#target li").each(function() {
    if ( $("ul:eq(0)", this).length > 0 ) {
        $(this).addClass("class_name");
    }
});

Vérifie chaque élément de la liste sous #target pour voir s’il contient au moins une liste non ordonnée d’enfants. Si tel est le cas, il ajoute un nom de classe à l’élément de la liste qu’il vient de cocher.