javascript - Jquery 从列表中检索特定 div 的宽度

Question

我正在努力使用 jquery 检索 div 数组中的 div 的宽度。通常我会做这样的事情......

$("#divID").width()

这可以正常工作，但这次我必须遍历 div 列表，这会返回错误“未捕获的类型错误:$(...)[0].width 不是函数”

$("#parentID .childClass")[0].width()
$("#parentID .childClass")[1].width()
etc...

并且使用 .width(作为属性而不是函数)只会返回“未定义”。

知道我做错了什么吗？

编辑 - 抱歉 - 我最初省略了 .childClass 标识符，这是导致我的 jquery 选择正确返回所有 div 列表的原因。我的问题真的很简单，就是如何返回一个这样的 div 的宽度

Answer 1

您必须使用 eq 才能在指定索引处获得 div。这是一个示例:

eq 方法将匹配元素的集合减少到指定索引处的元素。

var length=$('.parentClass').length;
for(i=0;i<length;i++){
   console.log($('.parentClass').eq(i).width());
}

.parentClass{
   width:50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parentClass"></div>
<div class="parentClass"></div>

另一种解决方案是使用each()方法。

$("#parentID .childClass").each(function(){
    //code
});