li클릭시 몇번째 ul에 자식인지 가져오는법
본문
li클릭시 몇번째 ul에 자식인지 가져오는법
<ul> <- 첫번쨰 유엘
<li></li> <-클릭하면 1번째 유엘에 자식
<li></li>
<li>
<ul> <- 2번쨰 유엘
<li></li> <-클릭하면 2번째 유엘에 자식
<li>
<ul> <- 세번쨰 유엘
<li><li> <-클릭하면 3번째 유엘에 자식
</ul>
</li>
<li></li>
</ul>
</li>
</ul>
이런식으로 클릭한 자신이 몇번쨰 ul에 자식인지 가져올수 있는 방법이 있을까요...
대메뉴 중메뉴 소메뉴 < 이걸 구현하려고합니다.
클릭한게 중메뉴면
대메뉴 중메뉴 나오고
클릭한 li가 소메뉴면
대메뉴 중메뉴 소메뉴 가 헤더에 나오게 하고싶어서입니다..
답변 1
각 ul마다 className을 부여하고 클릭하면
parent를 찾아서 className을 이용하면 됩니다
몇번째 ul이 인지는 알수 없지안을가요?
그냥 소스코드를 만들었습니다
<ul class='ul1'>
<li>111111111 1번째 유엘에 자식</li>
<li>22222222 1번째 유엘에 자식</li>
<li>
<ul class='ul2'>
<li>aaaaaaaaa 2번째 유엘에 자식</li>
<li>
<ul class='ul3'>
<li>3번째 유엘에 자식</li>
</ul>
</li>
<li>bbbbbbbbbbbbb 2번째 유엘에 자식</li>
</ul>
</li>
</ul>
<script>
$(function(){
$('.ul1 li').click(function(e){
e.stopPropagation();
classname = $(this).parent('ul').prop('class');
nn= classname.substr(2);
alert(nn+'번째 : ' + classname);
});
});
</script>
