Agrega otro estilo CSS a los elementos hijos que también son padres.

Question

Así que mi lista se parece a esto:

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

Esto se hace a través de list_wp_pages de Wordpress junto con un código CSS personalizado desplegable tipo cochecito CSS. No se puede cambiar nada en la lista desordenada, así que necesito encontrar una manera de agregar un estilo CSS solo a las páginas secundarias que también son padres (hijo de un padre 1 ...).

He intentado agregar un ícono de flecha solo a las páginas secundarias que tienen páginas secundarias propias. Pensé que podría usar:

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

para agregar una clase adicional con un icono de flecha como imagen de fondo.

¡Gracias!

Answer 1

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

Comprueba todos los elementos de la lista bajo #get para ver si tiene al menos una lista secundaria no ordenada, y si la tiene, agrega un nombre de clase al elemento de la lista que acaba de marcar.