選擇第一個div與類

Question

基本上我有一個鏈接和一個div坐在他們的下面哪些內容被加載到。

在整個頁面中有幾個重複的塊，所以我只想選擇當前鏈接下面的「active」類的第一個div。

下面是一個小提琴，下面顯示問題的實際情況。正如你所看到的，我試圖使用:first，但是這會選擇頁面中的第一個，而不是當前鏈接下面的第一個。

http://jsfiddle.net/wdcn6/11/

$(function() { 
$('.accordionContent').hide(); 

    $(".accordionButton").click(function() { 

     var content_id = $(this).attr('href'); 

     $('.active:first').html($(content_id).html()).show(500); 
     return false; 
    }); 
}); 

Answer 1

$('.active:first')本身總會匹配第一個.active在文檔中。

$(this).find('~ .active:first').html($(content_id).html()).show(500); 

jsFiddle preview

或者使用$(this).nextAll()：

$(this).nextAll('.active:first').html($(content_id).html()).show(500); 

爲了只被點擊，您可以使用$(this).find()與兄弟組合子鏈接後開始:first比賽jsFiddle preview

Answer 2

選中此的jsfiddle http://jsfiddle.net/wdcn6/14/

$(function() { 
    $('.accordionContent').hide(); 

     $(".accordionButton").click(function() { 

      var content_id = $(this).attr('href'); 

      $(this).nextAll('.active').first().html($(content_id).html()).show(500); 
      return false; 
     }); 
    }); 

Answer 3

大約是這樣的內容：

$(content_id + ' ~ .active:first').html($(content_id).html()).show(500);