jquery - jQuery 入門: JQuery ID セレクターの使用法

Question

jQueryの質問を開始します。これがコードです...

        var control1= document.getElementById("Carbs_txtSubsContrRbtAmt");
        var control2 = $("#Carbs_txtSubsContrRbtAmt");

2 番目のデバッグ出力が最初と同じように評価されないのはなぜですか?

? control1.id
"Carbs_txtSubsContrRbtAmt"
? control2.id
undefined

score 4 · Accepted Answer

var control1 = document.getElementById("..."); // returns HTML DOM Object
var control2 = $("..."); // returns JQuery Object

を取得するには、id使用できます

var id = control1.id; // or
var id = control2.attr("id");  // or
var id = control2[0].id;

score 2 · Accepted Answer

jQuery で表示用の id 属性にアクセスするための構文は次のとおりです。

control2.attr("id");

score 0 · Accepted Answer

これは現在 jQuery 要素であるため、その ID が必要な場合は、次のようにします。

control2.attr("id")

score 0 · Accepted Answer

によって返されるオブジェクトは、$("#Carbs_txtSubsContrRbtAmt")実際には配列のように機能する jQuery オブジェクトです。これは、次のような特定のクラス名を持つ要素を選択する場合に特に便利です$(".className")。

したがって、セレクターによって見つかった最初の DOM 要素を取得するには、次のようにします。

$("#Carbs_txtSubsContrRbtAmt")[0];

次に、id プロパティを取得できます。

$("#Carbs_txtSubsContrRbtAmt")[0].id;

.attr()ただし、次のメソッドを使用する方がはるかに簡単です。

$("#Carbs_txtSubsContrRbtAmt").attr("id");

セレクターが複数の要素に一致する場合、最初に一致した要素の ID が上記のコードによって返されます。

4 に答える 4