Question

我正在尝试通过班级“.child”警告有多少孩子。例如：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

您可以在div中获得Expression.Call的数量，如下所示。

.child

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

更新：如果您想使用for循环，那么您可以使用<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> jquery函数执行此操作。

eq()

您使用for (var i = 0; i < 100; i++) { if ($('.child').eq(i).length) { } else { alert(i); break; } }作为字符串。使用i就像下面一样。

nth-child()

Answer 2

另一种方式：

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

Answer 3

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

Answer 4

i如果condition是字符串而不是变量，请执行以下操作：

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());
});

Jquery“for”循环找到了多少个孩子

5 个答案: