7

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

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/

4

3 回答 3

13

使用eq：

$('#container li').eq(i)
于 2013-01-18T21:32:11.167 回答
7

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

$array.eq(2).width()

演示：http: //jsfiddle.net/8zvkn/2/

$array[2]- 返回 DOM 元素，但您需要的是具有该.width功能的 jQuery 对象。

于 2013-01-18T21:32:48.237 回答
0

您也可以使用 nth-child 执行以下操作：

$("#container li:nth-child(1)").width(); // first li
于 2013-01-18T21:45:25.837 回答