javascript - 返回零的动态创建的 DIV 计数

Question

以下是我的代码和相关的 HTML，我想做的是计算 search-img-ctrl 中 search-img-box 的数量，但是我获取 0 作为输出，只是为了告诉这里以下 div search-img-box 是动态创建的。

 jQuery(document).ready(function() {
        var numberOfDivs = jQuery('#search-img-ctrl').filter('.search-img-box').length;
        alert(numberOfDivs);

    });

以下是我的HTML

<div id="search-img-ctrl" class="search-img-ctrl">
<div id="search-img-box" class="search-img-box" name="search-img-box">
<img width="335" height="206" src="" alt="">
<ul>
</div>
<div id="search-img-box" class="search-img-box" name="search-img-box">
</div> </div>

Answer 1

这是一个 fiddle :http://jsfiddle.net/t5jcT/

我更改了过滤器以查找并删除了 html 中的重复 ID。

jQuery(document).ready(function() {
    var numberOfDivs = jQuery('#search-img-ctrl').find('.search-img-box').length;
    alert(numberOfDivs);
});

或者您可以使用选择器而不是其他人指出的查找:

jQuery(document).ready(function() {
    var numberOfDivs = jQuery('#search-img-ctrl .search-img-box').length;
    alert(numberOfDivs);
});