Add another CSS style to child elements that are also parents

Question

So my list looks something like this:

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

This is through Wordpress' list_wp_pages, as well as special CSS CSS code like suckerfish. Nothing can be changed in the disordered list itself, so I need to find a way to add CSS style only to child pages that are also parents (Child of the Parent 1 ...).

I am trying to add an arrow icon only to child pages that have their own child pages. I realized that I can use:

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

to add an extra class with an arrow icon as a background image.

Thank!

Answer 1

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

#target, , , , , .