2

この要素の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 をクリックすると、DIV 4、5、および 6 が選択されます。

誰かがそれを行う方法を知っていますか? ありがとう

4

4 に答える 4

5

選択したものを含むすべてを選択する場合。http://jsfiddle.net/kwnDS/1/

$('.mixitup').on('click', function() {
    $(this).siblings().andSelf();
});
于 2012-04-06T22:31:01.697 に答える
1

クリックした要素の親を選択する必要がないようにするには、その兄弟とそれ自体を選択するだけです。

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

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

于 2012-04-06T23:06:25.170 に答える
1

self 要素を含む兄弟は、親を見つけてそのすべての子 (子孫ではない) を選択することによって実現されます。

$(".mixitup").click(function () {
    $(this).parent().children().doSomething();
});
于 2012-04-06T22:37:13.063 に答える
0

必要なのは、兄弟セレクターです。

$('.mixitup').click(function(){
  $(this).siblings('.mixitup'); //this selects siblings of an element;
})
于 2012-04-06T22:27:14.577 に答える