Question

我想只选择＆＃34; mixitup＆＃34;来自同一级别的元素，点击其中一个元素。

<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。

有人知道这样做的方法吗？感谢

Answer 1

如果要选择所有这些，包括您选择的那个。 http://jsfiddle.net/kwnDS/1/

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

Answer 2

兄弟姐妹，包括自我元素，将通过找到父母并选择其所有子女（而不是后代）来完成：

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

Answer 3

为了避免必须选择被点击元素的父元素，您只需选择它的兄弟姐妹本身：

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

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

Answer 4

你需要的是兄弟姐妹选择器：

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

如何使用jquery，来自不同DOM级别的类似元素进行选择？

4 个答案: