什么类型的 DOM 元素？

Question

e.g. if i have this:
<div id='mydiv'>whatever</div>

那么在 jQuery 中，我如何找出 id 为“mydiv”的 dom 元素是 DIV 还是其他元素类型。

e.g. 
$('#mydiv').????  ?

Answer 1

var type = $('#mydiv')[0].tagName

alert(type);
//displays "DIV"

Answer 2

尝试 is 测试给定集中的任何内容是否与另一个选择器匹配：

if( $('#mydiv').is('div') ){
  // it's a div
}

您可以也可以这样获取标签：

$('#mydiv').get(0).tagName // yields: 'DIV'

Answer 3

alert($('#mydiv')[0].nodeName);

Answer 4

.prop() 函数是一个很好的方法。

// Very jQuery
$('#mydiv').prop('tagName');

// Less jQuery
$('#mydiv')[0].tagName;

两者给出相同的结果。

而且，正如 Aram Kocharyan 评论的那样，您可能希望使用 .toLowerCase() 对其进行标准化。

Answer 5

$('#mydiv').get(0).nodeType 如果您知道只有一个元素。选择器对象可以包含对象数组。

.get() 返回 DOM 对象数组、参数索引。 nodeType 是 DOM 公开的属性，它告诉您 DOM 节点的类型。通常作为全部大写的字符串 IIRC。

CORRECTION nodeType 为您提供与节点类型相对应的 INT。 tagName 就是你想要的。

Answer 6

var domElement = $('#mydiv').get(0);
alert(domElement .tagName);

可能有用。