web-dev-qa-db-ja.com

jQueryオブジェクトからJavaScriptオブジェクト

var txtarea = $('textarea')のようなtextareaがある場合、jQueryプロパティval()ではなくJavaScriptプロパティvalueを使用して値を設定する方法?

txtareaをJavaScriptオブジェクトに変換する必要があると思いますが、どうすればよいですか?

37
Alex

参照解除演算子または .get() メソッドを使用して "jQueryオブジェクトに一致するDOM要素を取得します。"

例:

txtArea[0].value = "something";

または:

txtArea.get(0).value = "something";
66
karim79

JQuery .get()はあなたのためにそれをします

http://api.jquery.com/get/

引用:

パラメーターなしでは、.get()はすべての要素を返します。

_alert($('li').get());
_

インデックスを指定すると、.get()は単一の要素を取得します:

_($('li').get(0));
_

...代わりに配列参照解除演算子を使用して、リスト項目を取得できます。

_alert($('li')[0]);
_
14

jQueryオブジェクトare Javascriptオブジェクト。

生のDOMスクリプトとして知られる痛みの世界について学ぼうとしています。

あなたは書ける

_document.getElementsByTagName("textarea")[0].value = whatever;
_

これにより、最初の_<textarea>_が取得され、その値が設定されます。
すべての値を設定する場合は、ループが必要です。

$(whatever)[0]と記述することにより、jQueryオブジェクトから生のDOM要素を取得することもできます。

8
SLaks

配列表記を使用してHTMLElementをプルできます。

_$('textarea')[0].value
_

... $('textarea') jQueryリストの最初の要素の値を取得します。

5
mVChr

JavascriptのquerySelector()関数を使用して、標準のjavascript DOMオブジェクトを取得できます。

例:

<ul id="category"><li><label><input data-id="1" data-label="CBSE" data-filterClass="category" name="category" type="checkbox"> CBSE </label></li>
console.log(document.querySelector('input[data-id="1"]'));

指定したセレクターのjavascript DOMオブジェクトを取得します。

0