부모이기도 한 어린이 요소에 다른 CSS 스타일을 추가하십시오.

Question

그래서 내 목록은 다음과 같습니다.

<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 Suckerfish-Like Dropdown CSS 코드를 통해입니다. 순서 대표 목록 자체에서 아무것도 변경할 수 없으므로 부모이기도 한 어린이 페이지에만 CSS 스타일을 추가하는 방법을 찾아야합니다 (부모 1 ...).

나는 자식 페이지가있는 어린이 페이지에 화살표 아이콘을 추가하려고 노력했습니다. 나는 내가 사용할 수 있다고 생각했다 :

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

화살표 아이콘이있는 추가 클래스를 배경 이미지로 추가합니다.

감사!

Answer 1

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

#TARGET 아래의 모든 목록 항목을 확인하여 하나 이상의 자식이없는 목록이 있는지 확인하고 그렇다면 방금 확인한 목록 항목에 클래스 이름을 추가합니다.