无法选择特定类的子元素

Question

为什么这不起作用

<div class='folder lev1'>323</div>
<div class='folder lev2'>525</div>
<div class='file lev3'>727</div>
<div class='file lev3'>929</div>
<div class='folder lev1'>end</div>

JS

$(".lev1").click(function(){
    if ($(this).next().is(":visible")) {
        $(this).nextUntil(".lev1").hide(); // works
    }
    else {
        $(this).children(".lev2").show();  // doesn't work
        $(this).find(".lev2").show();  // also tried - doesn't work
        console.log("323"); // works
    }
});

控制台没有错误。

Answer 1

在您的示例中，.lev1没有任何chlidren。兄弟姐妹。

composer install

或者，如果你想要显示下一个.lev2：

$(".lev1").click(function(){
    if ($(this).next().is(":visible")) {
        $(this).nextUntil(".lev1").hide(); // works
    }
    else {
        $(this).siblings(".lev2").show();  // works
    }
});