Javascriptで要素を取得しますが、ドキュメント内の要素は何ですか？

Question

私は、クリックすると色を変更したいという要素があります。さて、私はそれぞれの色を割り当てています（つまり、リストの最初の色であればこの色、それが2番目の色であれば...）。しかし、どの色をどのようにして確認するのですか？同様に、私が3番目をクリックすると、それが3番目であったことをどのようにして知ることができますか？それのためのjavascriptメソッドまたはjQueryメソッドがありますか？

おかげ

Answer 1

jQueryのは、あなたが欲しいものを行う必要があり.index()方法が、あります。そして、これを行う

var els = $('.my_group_of_elements'); 

を。

例：http://jsfiddle.net/au2fQ/

---

HTML

<ul id="Test"> 
    <li>Click Me</li> 
    <li>Click Me</li> 
</ul> 
<ul id="Test2"> 
    <li>Click Me 2</li> 
    <li>Click Me 2</li> 
</ul> 

JS

$('li', '#Test,#Test2').click(function(){ 
    var i = $(this).index(), 
     k = $(this).index('li'); 
    alert('This is li '+i+' in the ul. This is li '+k+' in the page.'); 
}); 

Answer 2

彼らは兄弟なら：

$(this).index(); 

これは、0から始まるインデックスを返しますので、第三は2です。

彼らは兄弟じゃない場合は、設定したキャッシュ：

els.index(this);