我想隐藏任何可见的span元素（如果可见），如果单击某个元素，则再次切换它
<div class="item">
<a href="">element1</a> <span>span1</span>
<br>
</div>
<div class="item">
<a href="">element2</a> <span>span2</span>
<br>
</div>
<div class="item">
<a href="">element3</a> <span>span3</span>
<br>
</div>
<div class="item">
<a href="">element4</a> <span>span4</span>
<br>
</div>
$('.item span').hide();
var all_spans = $('.item a').parent().find('span');
$('.item a').click(function(e) {
e.preventDefault();
// hide all span
all_spans.hide();
$this = $(this).parent().find('span');
// here is what I want to do
if ($this.is(':hidden')) {
$(this).parent().find('span').show();
} else {
$(this).parent().find('span').hide();
}
});
实时示例http://jsfiddle.net/BGSyS/
问题是，例如，当我单击element 1“ span1”仍然可见时，我想切换此
$('.item span').hide();
$('.item a').click(function(e){
e.preventDefault();
// hide all span
var $this = $(this).parent().find('span');
$(".item span").not($this).hide();
// here is what I want to do
$this.toggle();
});
查看演示
更新说明：
问题是当您隐藏所有跨度时，您还隐藏了当前跨度=>所有跨度都具有相同的状态（隐藏），并且下一行再次显示它。隐藏时必须排除当前元素，并使用toggle方法切换其状态（比使用if检查更简单）
另一个问题是尝试通过使用var声明来避免隐式全局$this：
var $this = $(this).parent().find('span');
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句