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'隱藏所有元素？

Answer 1

嘗試類似的東西：

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

showOne(1);​

演示： http ： //jsfiddle.net/aymansafadi/kReZn/

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

Answer 2

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

注意：請勿使用NUMERIC ID。 不允許。 讀這個

Answer 3

您必須通過css類名訪問元素。 要做到這一點。 操作者

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

它將隱藏所有div。

現在按id顯示一個div;

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

或者您也可以使用

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

它將顯示第一個具有類隱藏的 div。

Answer 4

我對解決方案的簡單程度感到慚愧，而且在寫完問題后我才發現它。 只是：

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

Answer 5

嘗試：

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

Answer 6

您可以使用隱藏類隱藏所有組件。 $（ '躲'）隱藏（）。