如何在元素顶部定位容器？

Question

<div class="a"></div> //notice the the container is closed
<div class="b"></div>

我知道你可以使用类“。a + div”来定位.b类但是我怎么能这样做呢？

我想在点击.b类时隐藏.a类。

Answer 1

尝试以下jQuery代码

$('.b').click(function(){
 $(this).prev('div').hide();
});

Answer 2

使用hide()方法隐藏div。因此，您可以在.b的点击事件中隐藏div。

$('.b').on('click',function(){
 $(this).prev('.a').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a">a</div> //notice the the container is closed
<div class="b">div b</div>

Answer 3

这将起作用并且也是直接的方法

 $(function(){
      $('.b').click(function(){
        $('.a').hide();
      });
   });