查找所有具有相同类的元素，但不包括单击的元素？

Question

我有这个html：

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

点击时，我需要执行一些操作。问题是我需要排除clicked元素。假设我单击第一个.child，然后仅将动作应用于第二个和第三个.child元素。

  $('.child').on("click", function() {
    $(".parent").find(".child").DO_SOMETHING();
  });

Answer 1

像这样使用jQuery not()

  $('.child').on("click", function() {
    $(".parent").find(".child").not($(this));
  });

示例

$('.child').on("click", function() {
    $(".parent").find(".child").css("color", "black").not($(this)).css("color", "red");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="parent">
    <div class="child">One</div>
    <div class="child">Two</div>
    <div class="child">Three</div>
</div>