选择一个对象,但隐藏其他相同类型的对象

Jquery Select one object but hide others of the same type

本文关键字:同类型 对象 其他 隐藏 一个对象 选择      更新时间:2023-09-26

我是编程新手,我以前从未在这里发布过,但这个问题应该相当简单,但我不能得到它。对我来说,它超越了基础。我有5个对象都具有相同的div类。我已经尝试过隐藏类之类的东西,但我的目标是使用事件处理程序和jquery选择器来选择一个对象并隐藏或分离其余的对象。我的代码可能很丑,但我正在努力解决这个问题。但是,一旦没有隐藏的对象再次点击,我希望其他对象重新出现

看看这个:

  • .not(this)选择除被选中的元素外的所有其他公共类元素
  • .toggle()不断改变元素的状态,从隐藏到可见,然后永远返回…

$('.aa').click(function(){
  $('.aa').not(this).toggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="aa">1</div>
<div class="aa">2</div>
<div class="aa">3</div>
<div class="aa">4</div>
<div class="aa">5</div>