使用jquery切换同级

6yoyoihd  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(184)

我在jquery中使用toggle()时遇到了问题。请参见http://jsfiddle.net/rch7L/。当点击一级标题时,它会做它应该做的事情,但当点击二级标题时,它会打开所有三级行,而不仅仅是二级标题下的三级行。

$('tr.level-2, tr.level-3').css("display", "none");

$("tr.level-1").click(function(){
    $(this).siblings('tr.level-2').toggle();
});

$("tr.level-2").click(function(){
    $(this).siblings('tr.level-3').toggle();
});

我尝试过使用siblings(),但在单击2级标题时,它不是我想要的。

c3frrgcw

c3frrgcw1#

只需使用.nextUntil()方法


$("tr.level-2").click(function(){
    $(this).nextUntil('tr.level-2').toggle();
});

相关问题