Hinzufügen eines weiteren CSS-Stils zu Child-Elementen, die auch Parents sind

Question

Meine Liste sieht also in etwa so aus:

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

Dies ist durch Wordpress 'list_wp_pages zusammen mit einem benutzerdefinierten CSS suckerfish-ähnlichen Dropdown-CSS-Code. Nichts kann in der ungeordneten Liste selbst geändert werden, so muss ich einen Weg finden, um einen CSS-Stil nur Kind Seiten, die auch Eltern (Kind eines Elternteils 1...) hinzufügen.

Ich habe versucht, ein Pfeilsymbol nur zu untergeordneten Seiten hinzuzufügen, die ihrerseits untergeordnete Seiten haben. Ich dachte, dass ich verwenden könnte:

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

um eine zusätzliche Klasse mit einem Pfeilsymbol als Hintergrundbild hinzuzufügen.

Danke!

Answer 1

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

Überprüft jedes Listenelement unter #target, um zu sehen, ob es mindestens eine untergeordnete ungeordnete Liste hat, und wenn ja, dann fügt es einen Klassennamen zu dem Listenelement hinzu, das gerade überprüft wurde.