Javascript 从div列表返回长度,但其子级没有特定属性值的情况除外
我有一个div列表,需要遍历这些div以返回特定的长度。我必须把所有有活动图像的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">
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从未听说过这个过滤器(),但它非常有意义,非常感谢!尽快做好标记