2013-05-29 50 views
2

我有一個div,其中包含需要從隱藏更改爲顯示的特定子級的動態數量。它很難解釋,但代碼給出了一個清晰的圖像。jQuery選擇與目前點擊的div之外的同一類的衆多div

<div class="item_content_container"> 
    <div class="content_container"> 
     <div class="item">ITEM A</div> 
     <div class="item">ITEM B</div> 
     <div class="item">ITEM C</div> 
    </div> 
    <div class="content_container"> 
     <div class="item">ITEM A</div> 
     <div class="item">ITEM B</div> 
     <div class="item">ITEM C</div> 
    </div> 
</div> 
<div class="item_options_container"> 
    <div class="item_click">CLICK</div> 
</div> 

該代碼可以繼續重複,因此我只想在「item_click」div之前選擇「item」類。

這裏是jQuery的:

$(".item_click").live('click', function() { 
    $(this).parent().siblings(".item_content_container").find(".item").show(); 
}); 
+0

同一類呢? –

+0

我試圖顯示()「item_click」div之前的「item_content_container」div中的所有「item」類。 –

+0

只是用'prev'替換'兄弟姐妹'呢? – adeneo

回答

3

LIVE DEMO

$(".item_options_container").on('click', '.item_click', function() { 
    $(this).closest('.item_options_container') 
      .prev('.item_content_container') 
      .find('.item') 
      .show();  
}); 

http://api.jquery.com/on/.live()方法已過時)
http://api.jquery.com/closest/(或者也.parent()您情況)
http://api.jquery.com/prev/
http://api.jquery.com/find/

+0

謝謝你。我試圖使用.on,但它不會工作。我需要升級到什麼版本才能運行? –

+0

.on被添加到1.7 – AllInOne

+0

如果委託了,使用on()時需要另一種語法! – adeneo