Aggiungi un altro stile CSS agli elementi figlio che sono anche genitori

Question

Quindi la mia lista è simile a questa:

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

Questo avviene tramite list_wp_pages di Wordpress insieme a un codice CSS personalizzato simile a pollone simile a pollone CSS. Nulla può essere modificato nell'elenco non ordinato stesso, quindi ho bisogno di trovare un modo per aggiungere uno stile CSS solo alle pagine figlio che sono anche genitori (Figlio di un genitore 1 ...).

Ho provato ad aggiungere un'icona a freccia solo alle pagine figlio che hanno pagine figlio proprie. Ho pensato di poter usare:

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

per aggiungere una classe aggiuntiva con un'icona a forma di freccia come immagine di sfondo.

Grazie!

Answer 1

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

Controlla ogni elemento dell'elenco in #target per vedere se ha almeno un elenco non ordinato figlio e, in tal caso, aggiunge un nome di classe all'elemento dell'elenco che ha appena verificato.