$(document).ready(function() {
$(".tab_title li").click(function() {
var idx = $(this).index();
$(".tab_title li").removeClass("on");
$(".tab_title li").eq(idx).addClass("on");
$(".tab_cont > div").hide();
$(".tab_cont > div").eq(idx).show();
})
});
tab_cont > div 가 이해가 안됩니다....
출저
답변 4개
<div class='tab_cont'>
<div id='k1'>111
<div>AAA</div>
</div>
<div id='k2'>222
<div>BBB</div>
</div>
</div>
위와 같이 div 속에 또 div가 있을때 첫번째(depth 1: 즉 k1, k2) div를 지정하는 것입니다
idx=1;
$(".tab_cont > div").hide();
$(".tab_cont > div").eq(idx).show();
이렇게 하면 222, BBB 가 보이게 됩니다
$(".tab_cont div").hide();
$(".tab_cont div").eq(idx).show();
alert($(".tab_cont div").eq(idx).text()); ---> AAA
이렇게하면 아무것도 보이지않게 됩니다. (depth관계없이 div 순서대로 지정 )
이미지가 안올라 가네요
상위에서 하위 접근값입니다.
집(tab_cont)안에 TV(div)
선택자입니다.
https://gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90
해당 링크를 참조하시고
.tag_cont 클래스안에 있는 div 태그에 접근하는 형태입니다.
>를 사용하지 않고 공백으로 한칸 띄워도 기능은 동일합니다
답변을 작성하려면 로그인이 필요합니다.