Einen weiteren hinzufügen CSS Style Child-Elemente, die auch Eltern sind

Question

Also meine Liste etwas wie folgt aussieht:

<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 sucker-like CSS-Code Drop-Down. Nichts kann sich in der unsortierten Liste geändert werden, so brauche ich einen Weg zu finden, einen CSS-Stil nur untergeordneten Seiten hinzufügen, die auch Eltern (Kind eines Eltern 1 ...).

Ich habe versucht, ein Pfeilsymbol hinzuzufügen, nur auf Kinderseiten, die Kind-Seiten ihres eigenen. Ich dachte, ich könnte verwenden:

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

eine zusätzliche Klasse mit einem Pfeil-Symbol als Hintergrundbild hinzuzufügen.

Danke!

Answer 1

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

Prüft jedes Listenelement unter #target zu sehen, ob es mindestens ein Kind ungeordnete Liste hat, und wenn ja, dann fügt es einen Klassennamen in die Liste Element, um es gerade überprüft.