Adicionar outro estilo CSS para Elementos filho que também são pais

Question

Assim, a minha lista é algo como isto:

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

Esta é através list_wp_pages Wordpress' juntamente com uma CSS personalizada suckerfish-like código CSS suspensa. Nada pode ser alterada na própria lista não ordenada, então eu preciso encontrar uma maneira de adicionar um estilo CSS para apenas páginas filhas que também são pais (filho de um pai 1 ...).

Eu tenho tentado adicionar um ícone de seta apenas para páginas filhas que têm páginas filhas de sua própria. Eu percebi que eu poderia usar:

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

para adicionar uma classe extra com um ícone de seta como imagem de fundo.

Obrigado!

Answer 1

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

Os cheques a cada item da lista sob #target para ver se ele tem pelo menos um filho lista não ordenada, e se isso acontecer, então ele adiciona um nome de classe para o item da lista que apenas verificado.