Question

嗨我使用下面的代码来计算div库中的img元素

<script type="text/javascript">
 var numimg=$("#gallery > img").size();

 document.write(numimg);
</script>

<div class="slide" id="gallery">
             <img src="images/6.jpg"/>
             <img src="images/7.jpg"/>
            <img src="images/8.jpg"/>
                        <img src="images/9.jpg"/>
                        <img src="images/10.jpg"/>
            <img src="images/11.jpg"/>
    </div>

当有6个img元素时，我收到的值为0。我需要在div元素中获得实际数量的子元素。请有人帮帮我。

Answer 1

<强>替换

$("#gallery > img").size();

<强>与

$("#gallery > img").length;

并将文件包装在document.ready中，如下所示。

$(function(){
    $("#gallery > img").length;
});

Answer 2

有多个问题，你的代码需要在dom ready处理程序内，dom准备就绪之后不要使用document.write，并使用length属性来获取子元素的数量

jQuery(function(){
    var numimg=$("#gallery > img").length;
    $('body').append(numimg)
})

如果您想将计数添加到页面的特定位置，那么您可以添加占位符元素，然后将内容添加到其中

<span id="imgcount"></span>
<div class="slide" id="gallery">
    <img src="images/6.jpg"/>
    <img src="images/7.jpg"/>
    <img src="images/8.jpg"/>
    <img src="images/9.jpg"/>
    <img src="images/10.jpg"/>
    <img src="images/11.jpg"/>
</div>

然后

jQuery(function(){
    var numimg=$("#gallery > img").length;
    $('#imgcount').html(numimg)
})

演示：Fiddle

Answer 3

非常确定你需要做demo here

$(function(){
var c = $('#gallery  img').length;
$('#imgcount').html(c);
});

使用jquery计算父元素的子元素

3 个答案: