jquery - Jquery hide() 1つを除く特定のクラスを持つすべての要素

Question

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

すべての要素を非表示にしてから、id = '1' の要素を表示する showOne という関数があります。

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 ごとに 1 つの div を表示します。

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

または、これを使用してこれを行うこともできます

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

クラスhideを持つ最初の div が表示されます。

score 0 · Accepted Answer

0

試す：

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

于 2012-05-16T05:25:38.703 に答える

score 0 · Accepted Answer

解決策がいかに簡単で、質問を書いた直後にそれを見つけたことをほとんど恥じています。ただ：

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

score -1 · Accepted Answer

を使用して、クラスが hide のすべてのコンポーネントを非表示にできます。 $('.hide').hide();

6 に答える 6