Jquery 获取div标记中具有相同类的元素数

我试图找到特定div中类名为

component ui draggable的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>

但警报总是弹出零。谁能告诉我这里怎么了？谢谢
您可以使用like


使用
aria hidden=“false”
然后只过滤那些具有类
组件
ui可拖动
和
已删除

当然，您需要在dom树中加载目标元素后执行脚本
试试这个：

$(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);
});


或

$（'div[aria hidden=“false”].component.ui draggable.dropped'）有什么问题吗？
？感谢您的发帖，非常感谢您为此所做的努力。我想您提到的第三点是问题的根源。虽然目标元素是在脚本执行之前加载的，但我还是在弹出的警报中得到了零。你想看一下实时url吗？
var $div = $('div[aria-hidden="false"]');
var clone_nums = $div.has('.component.ui-draggable.dropped').length;

$(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);
});

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.