要素は要素が異なる親要素

Question

内にあるとき、私はこのような何か持って注文を見つけるためにはjQueryを使用して：

<div> 
    <ul id="ul_element_id"> 
     <li> 
      <a id="first"></a> 
     </li> 
     <li> 
      <a id="second"></a> 
     </li> 
     <li> 
      <a id="third"></a> 
     </li> 
    </ul> 
</div> 

する$（「＃を最初」）を把握する簡単な方法がありますが最初の男です他の要素との関係？

Answer 1

私はあなたが以下のようなものを探していると思う：

$("a").index($("#first")) 

「#first」がリストの最初であるため、0が返されます。あなたがした場合：

$("a").index($("#second")) 

あなたは1を得るでしょう。望むなら、戻り値が-1でなければ返される値に1を加えることができます。

また、$（ "a"）セレクタを任意のものに変更できます。 $（ "＃ul_id a"）のようなものはうまくいくでしょう。

セレクタをインデックスメソッドに渡すと、コレクションを検索し、見つかった要素のインデックスを返すことができます。

http://api.jquery.com/index/

Answer 2

私はあなたが2つのAPIの組み合わせを探していると信じて：

最も近い：http://api.jquery.com/closest/

検索：http://api.jquery.com/find/

あなたが使用して「#first」に得るためにそれらの両方を使用することができます次

// 'this' being the 'third' link 
this.closest('ul').find('#first');