さまざまなDOMレベルから同様の要素をjqueryで選択するにはどうすればよいですか？

Question

私はこの要素の1つをクリックして同じレベルから "mixitup"要素だけを選択したいと思います。

<div data-id="0"> 
    <div class="mixitup">1</div> 
    <div class="mixitup">2</div> 
    <div class="mixitup">3</div> 
</div> 
<div data-id="1"> 
    <div class="mixitup">4</div> 
    <div class="mixitup">5</div> 
    <div class="mixitup">6</div> 
</div> 

を意味します。コンテンツが4のDIVをクリックすると、DIVs 4,5,6を選択したいと思います。

誰かがそれを行う方法を知っていますか？あなたが必要なもの おかげ

Answer 1

は兄弟セレクタです：

$('.mixitup').click(function(){ 
    $(this).siblings('.mixitup'); //this selects siblings of an element; 
}) 

Answer 2

あなたが選んだものを含め、それらのすべてを選択します。セルフ要素を含むhttp://jsfiddle.net/kwnDS/1/

$('.mixitup').on('click', function() { 
    $(this).siblings().andSelf(); 
}); 

Answer 3

兄弟は、親を見つけることによって達成し、その子（ない子孫）のすべてを選択することになります。

$(".mixitup").click(function() { 
    $(this).parent().children().doSomething(); 
}); 

Answer 4

クリックした要素の親を選択することを避けるために、

$(".mixitup").on("click", function(e) { 
    $('.mixitup').removeClass('clicked'); 
    $(this).siblings().andSelf().addClass("clicked"); 
}​); 

http://jsfiddle.net/crazytonyi/G4Bny/

：あなたは、単にそれが兄弟と自分自身を選択する必要があります3210