JQuery - ネストされた要素IDから親divを取得する

Question

JQueryを使用して、その要素の1つのIDを使用して要素にアクセスしようとしています。たとえば、ネストされた「searchBox」要素から「myDiv」を検索する必要があります。問題は、階層が変更され、searchBoxが常に同じネストされた位置にあるとは限りません。だから私は本質的に何かを言う必要があります： 'searchBox'のIDを持つ要素を含むDIVを与えてください（下記参照）任意の提案ですか？ ありがとう！

<div id="myDiv" class="CommonGridView_ListBoxPopupPanel"> 
Some text here : 
<table><tbody><tr><td><input class="tboxw" type="text" id="btnFind"/></td> 
<td>some content</td> </tr> 
<tr> <td><textarea id="searchBox">text area content</textarea> </td> 
</tr> 
</tbody> 
</table> 
<table><tr><td></td></tr></table> 
</div> 

Answer 1

あなたはこのjQueryのセレクタをお勧めします：

$("#searchBox").closest("div"); 

C losest([selector]) functionラッピング要素がありますが、そのセレクタに一致します。

が-N2をクリックして-N1のテキスト値を見つける!!：

Answer 2

$('#searchBox').parents('#myDiv') 

Answer 3

あなたはこれを使用することができます：

は

var searchBox = $('#searchBox'); 

// Have the searchBox jQuery object, so find the ancestors that match a specific selector. 
var parentDiv = searchBox.parents('div#myDiv'); 

完全なドキュメントはavailable hereです。

Answer 4

あなたがIDを知っていて、IDを覚えているのならば、あなたは普通のように の要素をつかんでください。

​​

は、getElementByIdをを使用するのではなく、それらのすべての階層で親とフィルタを取得するようちょうど遅いようにshow上記の答えとして.parentsを使用してからもメリットがありません。 たとえば、classNameだけが分かっている場合は、.closest('div.class')を使用することをお勧めします。

searchBoxが実際に要素の親であることを確認したい場合は、.closestを使用する唯一の方法です。あなたは（関係なく、そのDIVのIDの）ラッピングDIV要素を検索したい場合は

if ($element.closest('#searchBox').length){ 
    //do something 
} 

Answer 5

あなたは

$('#searchBox').parents('div:first') 

または

$('#searchBox').parents('div:eq(0)') 

Answer 6

複雑なネストされた例を使用することができますか？

ソリューション：

<ul class="ul-N1"> 
     <li class="li-N1"> 
      <a class="a-N1"></a> 
      <ul class="ul-N2"> 
       <li class="li-N2"> 
        <a class="a-N2"> </a> 
       </li> 
      </ul> 
     </li> 
    </ul> 

のjQuery：

VAR-N1 = $（この）（」UL-N1に.Li-N1。 "）.closestを見つける（"-N1。 "）。テキスト（）;