获取div标记中具有相同类的元素数
获取div标记中具有相同类的元素数
提问于 2014-03-25 15:07:04
我试图在特定的div中找到类名为component ui-draggable dropped的div的数量。
下面是各自的HTML代码：
<div id="tabs-1" aria-expanded="true" aria-hidden="false">
<div class="drag-drop-box ui-droppable">
<div class="component ui-draggable dropped">
<div class="product-view" >
<a href="#"><span>C</span> us-east-1c</a>
</div>
</div><div class="component ui-draggable dropped">
<div class="product-view">
<a href="#"><span class="img-product">
<img alt="" src="img/product_item/1.png"></span> image-11</a>
</div>
</div>
</div>
</div>这是相应的jQuery代码：
var getid = $('div[aria-hidden="false"]').attr('id');
var clone_nums = $('#'+getid + '> div ').find('.component ui-draggable dropped').length;
alert(clone_nums但警报总是弹出零。有人能指点我这里出了什么问题吗？谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-03-25 15:09:34
试试这个：
$(document).ready(function(){
var getid = $('div[aria-hidden="false"]').attr('id');
var clone_nums = $('#'+getid + '> div ').find('.component.ui-draggable.dropped').length;
alert(clone_nums);
});演示
或
$(document).ready(function(){
var clone_nums = $('div[aria-hidden="false"] > div').find('.component.ui-draggable.dropped').length;
alert(clone_nums);
});Stack Overflow用户
发布于 2014-03-25 15:09:15
您可以像这样使用.has()
var $div = $('div[aria-hidden="false"]');
var clone_nums = $div.has('.component.ui-draggable.dropped').length;- 使用
aria-hidden="false"获取所有div - 然后只过滤那些具有类
component、ui-draggable和dropped的后代的 - 当然，在dom树中加载目标元素之后，您需要执行脚本。
Stack Overflow用户
发布于 2014-03-25 15:25:13
var clone_nums = $('div[aria-hidden="false"]').find('div.component.ui-draggable.dropped').length;
For an element with multiple classes join the name of classes using "."(class selector) between them and don't use spaces.页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22638537
复制相关文章
相似问题
腾讯云开发者
