jquery - jquery オブジェクトの TagName へのアクセス

Question

jquery オブジェクトの tagName を知りたいのですが、試してみました:

   var obj = $("<div></div>");
   alert($(obj).attr("tagName"));

このアラートは私を示していますundefined。私は何をしているのですか？

Answer 1

tagNameは、属性ではなく、基になる DOM 要素のプロパティであるため、プロパティpropにアクセス/変更するための jQuery メソッドである を使用できます。

alert($(obj).prop('tagName'));

ただし、DOM プロパティに直接アクセスすることをお勧めします。

alert(obj[0].tagName);

Answer 2

tagNamejQuery オブジェクトにはプロパティtagNameがなく、プロパティでも属性でもないため、基になる DOM ノードにアクセスする必要があります。

var obj = $("<div></div>");
alert(obj[0].tagName);

objはすでに jQuery オブジェクトであるため、2 行目の jQuery への呼び出しも削除したことに注意してください。

Answer 3

tagNameはネイティブ DOM 要素のプロパティであり、jQuery 自体の一部ではありません。それを念頭に置いて、$()[0]次のように jQuery セレクターから DOM 要素を取得するために使用します。

var obj = $("<div></div>");
alert(obj[0].tagName);

フィドルの例