jquery - 单击任何 li 时隐藏 ul

Question

我有过滤器，按照下面的代码片段按月显示数据

当单击“nowShowing”类的任何 li 时，我想关闭/隐藏具有“children”类的 ul。请帮助识别事件，我在下面尝试过但仍然不起作用

  $('.children').click(function() {
    children.hide();
  })

<ul class="filters">
  <li class="parent active"><a href="javascript:void(0);" class="customfilters">Filter by Month</a>
    <ul class="children">
      <li class="nowShowing"><a class="all" id="all2" href="#" data-filter="*">All</a></li>
      <li class="nowShowing"><a href="#" data-filter=".June" class="June">June</a></li>
      <li class="nowShowing"><a href="#" data-filter=".July" class="July">July</a></li>
      <li class="nowShowing"><a href="#" data-filter=".August" class="August">August</a></li>
      <li class="nowShowing"><a href="#" data-filter=".September" class="September">September</a></li>
    </ul>
  </li>
</ul>

Answer 1

使用.closest隐藏

 $('.nowShowing').click(function(){
  $(this).closest('.children').hide();
});
$('.customfilters').click(function(){
  $('.children').show();
});

演示:https://jsfiddle.net/gaq23jbL/6/