要素グループの非表示と表示

Question

私はクラス 'div_title_item'のすべての項目が最初に隠されているページを持っています。いくつかの改行ロジックに基づいて、それらのいくつかを示したいと思います。

// initially 
$(".div_title_item").hide(); // this works fine 

ここでは表示部分です。私は以下で試したが、うまくいかなかった。

// on some event for example 
var collection = $(".div_title_item"); 
collection[0].show(); 
collection[1].show(); 
// etc... 

何も表示されていません。

Answer 1

Live Demo

次の作業を実行して、それらのjQueryオブジェクトを作成します。

$(collection[0]).show(); 
$(collection[1]).show(); 

そうでなければ、彼らはただ標準DOM要素であり、jQueryのメソッドへのアクセスを持って文句を言いません。このようなことをやって

Answer 2

：

collection[0] 

はあなたの基盤となるDOMオブジェクトを与えると、彼らは何.show()手段を知りません。簡単な方法は、あなたが望む<div>にアクセスするためにeqを使用することです：

var collection = $(".div_title_item"); 
collection.eq(0).show(); 
collection.eq(1).show(); 

あなたはまたfilterと:eqセレクタを使用することができます。

collection.filter(':eq(1)').show();