li클릭시 몇번째 ul에 자식인지 가져오는법 채택완료
그누보드초보이용자
5년 전
조회 1,927
li클릭시 몇번째 ul에 자식인지 가져오는법
- <- 첫번쨰 유엘
<-클릭하면 1번째 유엘에 자식
-
- <- 2번쨰 유엘
<-클릭하면 2번째 유엘에 자식
-
- <- 세번쨰 유엘
- <-클릭하면 3번째 유엘에 자식
- <-클릭하면 3번째 유엘에 자식
-
이런식으로 클릭한 자신이 몇번쨰 ul에 자식인지 가져올수 있는 방법이 있을까요...
대메뉴 중메뉴 소메뉴 < 이걸 구현하려고합니다.
클릭한게 중메뉴면
대메뉴 중메뉴 나오고
클릭한 li가 소메뉴면
대메뉴 중메뉴 소메뉴 가 헤더에 나오게 하고싶어서입니다..
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
그누보드초보이용자
5년 전
몇번째 ul이 인지는 알수 없지안을가요?
�
균이
5년 전
그냥 소스코드를 만들었습니다
<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>
<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>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인