$(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개
채택된 답변
+20 포인트
<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 순서대로 지정 )
답변을 작성하려면 로그인이 필요합니다.