jQuery - elementy dostępowe w tablicy

Question

muszę być w stanie uzyskać szerokość elementów z tablicy

HTML

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

JS

wiem, może uzyskać dostęp do szerokości jednostki tak

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

Ale w tablicy

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

Jak uzyskać dostęp do konkretnej szerokości elementu o indeksie

np

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

Przykład http://jsfiddle.net/8zvkn/

Answer 1

Korzystanie eq:

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

Answer 2

Można użyć .eq działają jak poniżej

$array.eq(2).width() 

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

$array[2] - zwraca element DOM, ale to, czego potrzebujesz to obiekt jQuery, który posiada funkcję .width.

Answer 3

Można też zrobić coś takiego z użyciem n-dziecko:

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