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のメソッドを使用し続けるにはどうすればよいですか、またはこれは奇妙で暗い、説明のつかない理由で不可能ですか?

この検索をどこから始めればよいかさえ知りませんでした。私の jQuery の旅は、これまで答えにたどり着きませんでした。ありがとう！

4

3 に答える 3

5

このページを見てください: jQuery フィルタリング

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

この場合、トリックを行う必要があります

于 2013-04-20T02:01:53.643 に答える
1

Jquery-API でこの関数 .eq() を参照してください

Array-Index を介して JQuery の Dom-Node-Collection にアクセスすると、未加工の Dom-Elements が取得されます。上記の方法でインデックスを選択すると、機能強化された jQuery-Wrapped-Elements が取得されます。ドキュメントを参照してください。

于 2013-04-20T02:01:49.710 に答える
0

各要素を再度ラップしないようにする唯一の方法( $(inputs[0]).css('font-size', '100px'))

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

于 2013-04-20T02:01:42.417 に答える