Question

在jQuery或JS中，我需要计算父DIV中名为cont的DIV元素的数量？我在StackOverflow上看到了类似的问题，并尝试了以下内容。

<div class="b-load" id="cont">
    <div>
    <img src="page2.jpg" alt=""/>
    </div>
    <div>
    <img src="page3.jpg" alt="" />
    </div>
    <div>
    <img src="page4.jpg" alt="" />
    </div>
    <div>
    <img src="page5.jpg" alt="" />
    </div>
</div>

function countPages() {
    var maindiv = document.getElementById('cont');
    var count = maindiv.getElementsByTagName('div').length;
    alert(count);
}

子DIV是动态生成的，所以我需要在页面加载完成后对它们进行计数。我遇到的问题是我写的功能是13 DIV的，在这个例子中，应该只有4个!!感谢任何帮助..

Answer 1

console.log($("#cont div").length);

Answer 2

var maindiv = document.getElementById('cont');
var count = maindiv.children.length;
alert(count);

Answer 3

试试这个

$(function(){
   var mainDiv = $('#cont');
   var childDivCount = mainDiv.find('div').length;
   });

顺便说一句，这是jQuery的语法（无论如何都是其中之一），用于文档就绪。只有在您的页面加载完毕后才会触发。

Answer 4

这里不需要使用jQuery。如果您只需要知道childElements的数量，则可以使用node.childElementCount

jQuery / JS - 计算元素中的元素

4 个答案: