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

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

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

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

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

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

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

Спасибо!


jquery parent children
person Community    schedule 31.10.2008    source источник

Ответы (1)


arrow_upward
2
arrow_downward 

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

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

person Community    schedule 31.10.2008