Jquery”;对于“;循环查找有多少孩子
Jquery "for" loop to find how many children
我正试图用类".child"来提醒一个div中有多少个孩子。例如:一个div内部有五个".chil"。我不知道为什么我的for循环不起作用,我意识到有更好的方法,但我正在练习循环。谢谢问题可以在这里找到http://jqexercise.droppages.com/#page_0013_
for (var i = 1; i < 100; i++){
if($(".child:nth-child(i)") == true){
}
else {
alert(i);
break;
}
}
您可以在如下div中获得.child
的编号。
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循环,那么您可以使用jquery
eq()
函数如下所示。
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;
}
}
另一种方式:
alert($('div .child').length);
i
内部,如果条件是字符串而不是变量,则执行以下操作:
if ( $( ".child:nth-child(" + i + ")" ) == true )
var intChildrenCount = $("div .child").length;
var arrChildren = $("div .child");
$.each(arrChildren,function(){
// Here you will get child's HTML one by one
console.log($(this).html());
});
相关文章:
- 正在全局范围中查找JavaScript函数
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- es6 相当于下划线查找位置
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何在不传递此信息的情况下查找被调用的元素
- Lodash 从值数组中查找数组中的值
- 如何通过溢出来判断元素被切断了多少像素:隐藏在父级上
- 如何使用JavaScript查找1和N之间的所有数字的总和
- 使用RegExp查找url中的字符
- 查找元素高度,包括边距
- 使用JS查找数组的平均值
- 查找最短和最长日期
- 查找文本将占用多少行
- HTML DOM 查找的时间复杂度是多少?
- 如何查找有多少用户同时浏览您的网页
- Jquery”;对于“;循环查找有多少孩子
- 如果选中了某个复选框,则查找有多少用户输入值是相同的
- 在JQuery中查找节点的成本是多少?