Добавьте еще один стиль CSS для дочерних элементов, которые также являются родителями

Question

Итак, мой список выглядит примерно так:

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

Это через WordPress list_wp_pages вместе с пользовательским CSS-подобным выпадающим CSS-кодом. Ничего нельзя изменить в самом неупорядоченном списке, поэтому мне нужно найти способ добавить стиль CSS только к дочерним страницам, которые также являются родителями (Child of a Parent 1 ...).

Я пытался добавить значок стрелки только на дочерние страницы, у которых есть собственные дочерние страницы. Я подумал, что я мог бы использовать:

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

для добавления дополнительного класса со значком стрелки в качестве фонового изображения.

Спасибо!

Answer 1

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

Проверяет каждый элемент списка в #target, чтобы увидеть, есть ли у него хотя бы один дочерний неупорядоченный список, и если он есть, то он добавляет имя класса к элементу списка, который он только что проверил.