Question

我需要能够从数组中获取元素的宽度

HTML

<div id="container">
  <ul>
     <li id="one">--------</li><br />
     <li id="two">----------------</li><br />
     <li id="three">-------</li><br />
  </ul>
</div>

JS

我知道我可以像这样访问个人宽度

$('#one').width();

但是在数组中

var $array = $("#container li");

如何通过索引

访问元素的特定宽度

例如

$array[2].width(); //which causes error

示例http://jsfiddle.net/8zvkn/

Answer 1

使用eq：

$('#container li').eq(i)

Answer 2

您可以使用.eq功能，如下所示

$array.eq(2).width()

DEMO： http://jsfiddle.net/8zvkn/2/

$array[2] - 返回DOM元素，但你需要的是具有.width函数的jQuery对象。

Answer 3

你也可以使用nth-child做这样的事情：

$("#container li:nth-child(1)").width(); // first li

jQuery - 访问数组中的元素

3 个答案: