javascript - jqueryを使用して文字列をHTMLElementに変換するには?

Question

文字列を HTMLElement に変換する方法を教えてください。

私は試しました：

$('<i data-icon="'+icon+'" class="smiley-big"></i>')

しかし、コンソールには type: [object Object] が表示されます。Dom に既存の要素を次のように記録すると:

$('[class^="smiley"]').each(function(){
     console.log(this);
});

[オブジェクト HTMLElement] を取得します

ご協力いただきありがとうございます

Answer 1

jQuery オブジェクトは、選択されたすべての要素を含む配列のようなオブジェクトであるためです。この場合、1 つの要素のみが含まれており、それが作成した要素です。したがって、インデックス 0 を介してアクセスできます。

var newI = $('<i data-icon="'+icon+'" class="smiley-big"></i>')[0];

の場合each、オブジェクトを反復処理しthis、関数のように各項目を返します。この場合、これは新しく作成された HTML 要素です。

Answer 2

$('<i data-icon="'+icon+'" class="smiley-big"></i>').get(0)