jquery「for」循環找到有多少個孩子

Question

我想提醒有多少個孩子在與「.child」類的div中。例如：div中有五個「.child」。我不知道爲什麼我的for循環做不到這一點，我意識到有更好的方法，但我正在練習循環。謝謝。這個問題可以在這裏http://jqexercise.droppages.com/#page_0013_

for (var i = 1; i < 100; i++){ 
    if($(".child:nth-child(i)") == true){  
    } 
    else { 
     alert(i); 
     break;  
    } 
} 

Answer 1

發現你可以得到的.child數量在一個div像以下。

var num = $('div').find('.child').length; 
 
console.log(num);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <span class="child">Child</span> 
 
    <span class="child">Child</span> 
 
    <span class="child">Child</span> 
 
    <span class="child">Child</span> 
 
    <span class="child">Child</span> 
 
    <span class="child">Child</span> 
 
</div>

更新：如果你想用for循環，那麼你可以像下面使用jqueryeq()功能。

for (var i = 0; i < 100; i++) { 
    if ($('.child').eq(i).length) { 

    } 
    else { 
     alert(i); 
     break; 
    } 
} 

您使用了i作爲字符串。使用nth-child()就像下面這樣做。

for (var i = 1; i < 100; i++) { 
    if ($(".child:nth-child(" + i + ")").length) { 

    } 
    else { 
     alert(i-1); 
     break; 
    } 
} 

Answer 2

另一種方式：

alert($('div .child').length); 

Answer 3

var intChildrenCount = $("div .child").length; 

Answer 4

i內，如果條件是一個字符串，而不是一個變量，這樣做：

if ($(".child:nth-child(" + i + ")") == true) 

Answer 5

var arrChildren = $("div .child"); 
$.each(arrChildren,function(){ 
    // Here you will get child's HTML one by one 
    console.log($(this).html()); 
});