Question

如何找到div中存在的元素数？我也想打印div中存在的元素列表。我试过这个，但它不起作用..

<!DOCTYPE html>
<html>
<head>
<title> Div Length</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js">

</script>
<script>
    $(function ()
    {
    alert(' Elements are ' +$('#main').length);

    }
    )
</script> 
</head> 
<body>

<div id="main">

<img src="images/thumb1.jpg"; height="30" width="30" />
<img src="images/thumb2.jpg"; height="30" width="30"/>
<img src="images/thumb3.jpg"; height="30" width="30"/>
<img src="images/thumb4.jpg"; height="30" width="30"/>
<div id="main1">

</div>

<div id="main2">

</div>


</div>
</body> 
</html>

我需要找到长度，因为我是动态添加来自j查询的div中的元素所以最后我想检查已经成功添加的所有元素。

谢谢，

Answer 1

$("div#main").children().length

Answer 2

如果要处理已动态添加的每个项目，则根本不需要获取长度。相反，你可能只是循环，但每个像这样循环

$('#main img').each(function(index){
  // Your code
  console.log( $(this).html() );
});

Answer 3

有很多方法可以做到这一点。

解决方案：

取决于您想要计算的内容：

$('#main div').length返回main div

中的div数

$('#main img').length返回main div

中的图片数量

找到Div的长度

3 个答案: