jquery - Jquery hide() 具有特定类的所有元素，除了一个

Question

<div class='hide'>A</div>
<div class='hide'>B</div>
<div class='hide' id='1'>C</div>

我有一个名为 showOne 的函数，它应该隐藏所有元素，然后显示 id='1' 的元素。

function showOne(id) {
// Hide all elements with class = 'hide'
$('#'+id).show();
}

如何在 jquery 中隐藏所有带有 class = 'hide' 的元素？

score 51 · Accepted Answer

尝试类似：

function showOne(id) {
    $('.hide').not('#' + id).hide();
}

showOne(1);

我同意@TheSystemRestart，“注意：不要只使用数字ID”。

score 7 · Accepted Answer

$('div.hide').hide(300,function() {  // first hide all `.hide`
   $('#'+ id +'.hide').show(); // then show the element with id `#1`
});

注意：不要只使用数字 ID。不允许。读这个

score 5 · Accepted Answer

您必须通过 css 类名访问元素。要做到这一点，请使用. 操作员

$('.hide').hide();

它将隐藏所有 div。

现在按 id 显示一个 div；

$('#elemID').show();

或者您也可以使用

$('.hide').eq(0).show();

它将显示第一个具有类hide的 div 。

score 0 · Accepted Answer

我几乎为解决方案如此简单而感到羞耻，而且我在写完问题后就发现了它。只是：

$('.hide').hide();

score 0 · Accepted Answer

0

尝试：

function showOne(id) { 
    $('.hide').hide();
    $('#'+id).show(); 
}

于 2012-05-16T05:25:38.703 回答

score -1 · Accepted Answer

-1

您可以使用隐藏类为隐藏的所有组件。 $('.hide').hide();

于 2012-05-16T05:15:20.007 回答

6 回答 6