2013-03-21 19 views
0

我有這樣的HTML結構:選擇一個嵌套的子高效的方式節點使用jQuery

<div id="title" class="span7"> 
    <span id="details" class="detail pull-right"> 
     <a class="detailShow" href="#">More details</a> 
    </span> 
    <p>My text example</p> 
</div> 

<div class="span9 hide" style="display: block;"> 
    <div class="row topRow"> 
     <div class="span9"> 
      <div class="detailInfo"> 
       <p>Informazioni aggiuntices</p> 
      </div> 
     </div> 
    </div> 
</div> 

我要選擇.detailInfo DIV,從第一個唯一的ID我對格「標題」開始。

我有這樣的代碼:

$("#title").next(".span9"); 

如何繼續不知道......

什麼是選擇detailInfo格的最佳方式?

+0

什麼是univoque – PSR 2013-03-21 03:25:54

+0

對不起,應該是「獨一無二」 – Tropicalista 2013-03-21 03:37:02

回答

1

只需$('.detailInfo')根據班級進行選擇。

或者更徹底:

$("#title").next(".span9").find('.detailInfo') 
0

$('.detailInfo')您可以選擇直接

$("#title").next(".span9").find('.detailInfo') 
+0

我有很多與detailInfo類的div,我需要選擇它從第一univoque ID我發現 – Tropicalista 2013-03-21 03:35:26

1

有很多種方法可以選擇div,我認爲最有效的方式可以如下:

  • 使用祖先後裔選擇器:

$('#title+div .detailInfo')

  • 使用第二背景參數:

$('.detailInfo', '#title+div')

編輯:沒有注意到DIV#標題不是的祖先div.detailInfo

+0

頁面這不工作就開始... – Tropicalista 2013-03-21 03:34:41

+0

因爲我沒有注意到_div#title_不是_div.detailInfo_的祖先,所以更新了。 – 2013-03-31 10:17:31