隐藏这个＆＃39;和另一个使用jquery的元素

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对象中：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用以下

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