javascript - jqueryで単一のhtml要素を返します

Question

jQueryにhtml要素を正確に返すようにするにはどうすればよいgetElementByIdですか？

私console.log($('#container'))が得るなら：

[<div id="container"></div>]

しかし、私が対話しているAPIは明らかにそれ（配列）を望んでいません-それは望んでいます：

<div id="container"></div>

私はこれを$('#container').get(0)他のいくつかの方法で達成できることを知っています。特に、常に一意であるIDを選択しているので、それはやり過ぎのようです。

私は何が欠けているのですか？

ありがとう

score 5 · Accepted Answer

単一のDOM要素が必要な場合は、プレーンなJavaScriptを使用してください。

var obj = document.getElementById("container");

jQueryセレクターは、常に要素の配列を含むjQueryオブジェクトを作成します。それはまさにそれが設計された方法です。単一の要素が必要な場合は、jQueryオブジェクトから最初の要素を取得するか、別のツールを使用します。

jQueryオブジェクトから、次のいずれかを使用して最初のオブジェクトを取得できます。

$('#container').get(0)

またはと：

$('#container')[0]

しかし、IDを持つ単一のオブジェクトだけが必要な場合は、両方とも必要以上のものであると私は主張します。を使用するだけdocument.getElementById()です。タイピングを減らしたい場合は、独自の短い関数を作成できます。

function $$(id) {
    return(document.getElementById(id));
}

var obj = $$("container");

score 0 · Accepted Answer

.html（）を使用してみてください。選択した要素のhtmlが返されます。以下を参照してください。

2 に答える 2