제이쿼리 셀렉터 질문 입니다.
본문
<li class="on_menu" ><a href="#">주메뉴</a>
<ul>
<li><a href="#">1차서브 A </a>
<ul>
<li><a href="#">2차</a></li>
<li><a href="#">2차</a></li>
<li><a href="#">2차</a></li>
</ul>
</li>
<li><a href="#">1차서브 B </a>
<li><a href="#">1차서브 C </a>
<li><a href="#">1차서브 D </a>
</ul>
</li>
다차원 메뉴를 구성중 입니다
위와 같이 되 있을때
1차 서브메뉴만 뽑아오고 싶은데
var on_sub = $(".on_menu").children("ul:eq(0)").html()
이렇게 하면 2차메뉴까지 같이 셀렉트 되네요
부탁드립니다.
답변 2
그냥 1차 서브메뉴에 class를 추가하세요
<ul>
<li class='s1'><a href="#">1차서브 A </a>
<ul>
<li><a href="#">2차</a></li>
<li><a href="#">2차</a></li>
<li><a href="#">2차</a></li>
</ul>
</li>
<li class='s1'><a href="#">1차서브 B </a>
<li class='s1'><a href="#">1차서브 C </a>
<li class='s1'><a href="#">1차서브 D </a>
</ul>
<script>
$('.s1').each(function(){
sub = $(this).children(':first').html()
alert(sub)
});
</script>