访问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

您需要访问底层DOM节点，因为jQuery对象没有tagName属性，并且tagName不是属性，也不是属性：

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

注意，我还删除了第二行中对jQuery的调用，因为obj已经是一个jQuery对象。

Answer 3

tagName是一个原生DOM元素属性，它不是jQuery本身的一部分。考虑到这一点，使用$()[0]从jQuery选择器获取DOM元素，如下所示：

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