Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从div列表返回长度,但其子级没有特定属性值的情况除外_Javascript_Jquery_Arrays_Loops_Traversal - Fatal编程技术网

Javascript 从div列表返回长度,但其子级没有特定属性值的情况除外

Javascript 从div列表返回长度,但其子级没有特定属性值的情况除外,javascript,jquery,arrays,loops,traversal,Javascript,Jquery,Arrays,Loops,Traversal,我有一个div列表,需要遍历这些div以返回特定的长度。我必须把所有有活动图像的div的总数加起来。非活动图像由alt=“missing”表示。我需要这个特定的长度大小用于ajax交互 问题: 如果父div没有包含alt标记值为missing的子元素,如何获取父div的长度?(很抱歉选择器中的冗长) HTML <div class="project-img-container"> <div class="modal-image-0">

我有一个div列表,需要遍历这些div以返回特定的长度。我必须把所有有活动图像的div的总数加起来。非活动图像由
alt=“missing”
表示。我需要这个特定的长度大小用于ajax交互

问题: 如果父div没有包含alt标记值为missing的子元素,如何获取父div的长度?(很抱歉选择器中的冗长)



HTML

 <div class="project-img-container">
        <div class="modal-image-0">
            <img alt="Florence" class="featured" src="/system/works/avatars/000/000/034/medium/florence.jpg?1374131286">
        </div>
        <div class="modal-image-1">
            <img alt="Nexus" class="featured" src="/system/works/avatar_bs/000/000/034/medium/nexus.jpg?1374131286">
        </div>
        <div class="modal-image-2">
            <img alt="Missing" class="featured" src="/images/medium/missing.png">
        </div>
        <div class="modal-image-3">
            <img alt="Missing" class="featured" src="/images/medium/missing.png">
        </div>
    </div>
对于var activeChildren=2,最终输出的长度应为2;imgVal应该只返回这两个div

<div class="modal-image-0">
    <img alt="Florence" class="featured" src="/system/works/avatars/000/000/034/medium/florence.jpg?1374131286">
</div>
<div class="modal-image-1">
    <img alt="Nexus" class="featured" src="/system/works/avatar_bs/000/000/034/medium/nexus.jpg?1374131286">
</div>

或者只是:

$(data).find('.project-img-container').children(':has([alt!="Missing"])');

或者只是:

$(data).find('.project-img-container').children(':has([alt!="Missing"])');

我相信这应该行得通

$('div > img:not([alt="Missing"])').length;
或者这一个寻找特色图片

$('div > img.featured:not([alt="Missing"])').length;

我相信这应该行得通

$('div > img:not([alt="Missing"])').length;
或者这一个寻找特色图片

$('div > img.featured:not([alt="Missing"])').length;

jQuery属性值区分大小写,因此必须确保其大小写正确:

$(".project-img-container").find("img:not([alt='Missing'])")

jQuery属性值区分大小写,因此必须确保其大小写正确:

$(".project-img-container").find("img:not([alt='Missing'])")

您可以使用jQuery选择器来满足您的需要。下面的表达应该起作用

$('div.project-img-container').find('img[alt!="Missing"]').parent();

您可以使用jQuery选择器来满足您的需要。下面的表达应该起作用

$('div.project-img-container').find('img[alt!="Missing"]').parent();

@苏珊特——刚刚注意到!Perfect@adeneo从未听说过这个过滤器(),但它非常有意义,非常感谢!右转asap@Sushanth--刚刚注意到!Perfect@adeneo从未听说过这个过滤器(),但它非常有意义,非常感谢!尽快做好标记