不能選擇一個特定的類

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。有兄弟姐妹。

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

或者，如果你想在未來.lev2顯示：

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