JQuery «для» цикла, чтобы узнать, сколько детей

Question

Я пытаюсь предупредить, сколько детей находится в div с классом «.child». Пример: Есть пять «.child» внутри div. Я не уверен, почему моя петля для этого не работает, и я понимаю, что есть лучшие способы, но я тренируюсь для циклов. Благодарю. Проблему можно найти здесь 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>

Update: Если вы хотите использовать для цикла, то вы можете сделать это, как показано ниже, используя 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()); 
});