2013-04-20 15 views
5

のグループから個人を選択:は、jQueryの要素

var inputs = $('#form input[type="text"]'); 

彼らはjQueryのに包まれています。私は彼らと一緒に欲しいものを何でもすることができます。

inputs.css('height', '1000px'); 
//muhahaha! 

グループとして彼らは従っています。しかし、私は何かが欠けているようです。あたかもオブジェクトの配列であるかのように、それぞれを個別に見ることができます。

console.log(inputs[0]); 
// <input type="text" /> 

しかし、上記の出力はちょうどhtmlです。私はそれはもはやjQueryオブジェクトだと:(

inputs[0].css('font-size', '100px'); 
// Uncaught TypeError: Object #<HTMLInputElement> has no method 'css' 

どのように私は再びそれぞれの要素をラップすることなく、個々のjQueryのメソッドを使い続けるか、これはいくつかの、奇妙な暗い、不可解なことは不可能であるか行わないとき理由?

も、この1を検索を開始する場所を知らなかった、と私のjQueryの旅は、これまでの回答に私をリードしていません。再度、各要素を包む回避するためにありがとう!

答えて

5

は、このページを見てください:jQuery Filtering

inputs.eq(0).css('font-size', '100px'); 

は、私が期待通りに信じられないほど簡単なこの場合

+0

にトリックを行う必要があります。これは技術的に別のクエリを実行していますか?直感的には、配列インデックスを使うことができるようです... – jamil

+1

答えの中のリンクに従うならば、 '.eq()'リンクから引用してください:DOM要素の集合を表すjQueryオブジェクトを与えた場合、 eq()メソッドは、そのセット内の1つの要素から新しいjQueryオブジェクトを構築します。指定されたインデックスは、セット内のこの要素の位置を識別します。 –

0

唯一の方法($(inputs[0]).css('font-size', '100px')

は純粋なJavaScriptを使用しています。例:inputs[0].style.fontSize = "100px";

1

は、アレイ・インデックス経由でのjQueryでこのfunction .eq() in Jquery-API

アクセスドム・ノードのコレクションを参照してくださいあなたは上記の方法でインデックスを選択した場合、あなたは」、あなたをRAWドム-要素を取得機能拡張されたjQuery-Wrapped-Elementsを取得します。 docsをご覧ください。