如何在jQuery的选择器中定义类似OR的东西？

Question

这是我目前的代码：

$(".close_btn").click(function(e) {
        $(".box1").fadeOut(100);
        $(".box2").fadeOut(100);
});

如您所见，目前，当您点击.close_btn时，.box1和.box2都会被隐藏。现在我想使用$(this)和.closest()隐藏一个框（点击的.close_btn的父级，有两个.close_btn）。我的意思是我想要这样的东西：

$(".close_btn").click(function(e) {
        $(this).closest(".box1" OR ".box2").fadeOut(100);
});

这样做可能吗？

Answer 1

您可以使用逗号分隔多个选择器：

$(".close_btn").click(function(e) {
        $(this).closest(".box2, .box1").fadeOut(100);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box1">
  <button class="close_btn">Close</button>
</div>

<div class="box2">
  <button class="close_btn">Close</button>
</div>