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'の要素をすべて非表示にするにはどうすればよいですか？

Answer 1

のようなものを試してみてください。

Answer 2

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

注：数字のみのIDを使用しないでください。許可されていません。 READ THIS

Answer 3

私はソリューションがどれほど簡単か、質問を書いた直後に見つけたのは恥ずかしいです。ジャスト：

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

Answer 4

あなたはを使用して非表示としてクラスを持つすべてのコンポーネントを非表示にすることができます。 $（ '。hide'）。hide（）;

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

showOne(1);​ 

デモ：http://jsfiddle.net/aymansafadi/kReZn/私も@TheSystemRestartに同意

、 "注：数字のみのIDを使用しない"

Answer 5

試してみてください。

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

Answer 6

次はCSSクラス名で要素にアクセスする必要があります。これを行うにはを使用してください。オペレータ

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

すべてのdivを非表示にします。

idで1つのdivを表示します。

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

それとも、またそれはクラス非表示を有する第一のdivが表示されます

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

を使用してこれを行うことができます。