jquery選擇器爲同一類的不同實例

我不知道標題是否全部適合......但這裏是我的情況....我有一個類dropper和另一個類drop_list .. 。這些兩個是類drop_head的子類中，drop_list有每當點擊滴管砸下來......jquery選擇器爲同一類的不同實例

  <div class="drop_head"> 
       <div class="dropper"> Content-1</divr> 
       <div class="drop_list"> List-1</div> 
      </div> 
      <div class="drop_head"> 
       <div class="dropper"> Content-2</divr> 
       <div class="drop_list"> List-2</div> 
      </div>

內容1單擊列表-1具有當切換，當內容-2被點擊列表-2必須下降...我如何實現這個使用單個jQuery .. ??在此先感謝......

來源

2010-11-27 sasidhar

如果我理解你正確地，這應該是非常簡單的：

$('.drop_head').each(function(i,e){ 
    $('.dropper', e).click(function(){ 
     $('.drop_list', e).slideToggle(); 
    }); 
});

使用.drop_head因爲你不需要使用ID的情況下的列表和點擊的元素。此外，如果你遺漏了一個列表或滴管意外它只會搞砸了一個「小工具」，並不會影響其他人，這不是closest的情況。

來源

2010-11-27 07:36:12 prodigitalson

非常感謝...做了詭計........ – sasidhar 2010-11-27 16:48:26

您有兩種方式（即我見=））
- 只是給出了兩個不同的ID名稱，以您的情侶下拉列表/多普勒

<div class="dropper" id="id_1"> Content-1</divr> 
      <div class="drop_list" id="id_1"> List-1</div> 
<div class="dropper" id="id_2"> Content-2</divr> 
      <div class="drop_list" id="id_2"> List-2</div>

，然後這樣說：

$(".dropper #id_1").click(function(){$("#id_1").slideToggle("slow")})

或更短：

$(".dropper").click(function(){$(this).closest('drop_list').slideToggle()})

希望它可以幫助
盧卡

來源

2010-11-27 07:35:03 luca

jquery選擇器爲同一類的不同實例

回答

相關問題