使用jquery隐藏'this'和另一个元素

Question

考虑我的元素结构

<a href="#" class="close">X</a>
<div class="container">Lorem ipsum</div>

现在点击锚标签我需要隐藏这两个元素,

$('body').on('click', '.close', function(){
  $(this).hide();
  $('.container').hide();
});

如何将两个hide()语句链接成一个？

Answer 1

您可以使用add()将多个选择器组合到单个jQuery对象中:

$('body').on('click', '.close', function() {
  $(this).add('.container').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<a href="#" class="close">X</a>
<div class="container">Lorem ipsum</div>