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

时间:2016-06-29 18:27:03

标签: javascript jquery jquery-selectors

我是编程新手,我以前从未在这里发帖,但这个问题应该相当简单,但我无法解决。它超越了我的基础知识。我有5个对象都具有相同的div类。我已经尝试过隐藏类等,但我的目标是使用事件处理程序和jquery选择器来选择一个对象并隐藏或分离其余对象。我的代码可能非常丑陋,但我正在努力寻找答案。但是,一旦隐藏了不隐藏的对象,我希望其他人重新出现。

1 个答案:

答案 0 :(得分:1)

检查出来:

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