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

StackOverflow https://stackoverflow.com/questions/254384

  •  05-07-2019
  •  | 
  •  

Вопрос

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

<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-кодом, похожим на suckerfish.В самом неупорядоченном списке ничего нельзя изменить, поэтому мне нужно найти способ добавить стиль CSS только к дочерним страницам, которые также являются родительскими (Дочерний элемент родительского 1 ...).

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

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

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

Спасибо!

Это было полезно?

Решение 

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top