使用jquery和javascript获取标签名称[重复]

Posted 2023-03-05

【中文标题】使用jquery和javascript获取标签名称[重复]

【英文标题】：get tag name using jquery and javascript [duplicate]

【发布时间】：2014-07-14 04:36:31

【问题描述】：

我有一个元素列表，我得到了els = $('#' + elements + ' *').get();。现在我想获取这些元素的 tagNames 并将它们放在单独的数组中。 如何从els 获取标签名称？

【参考方案1】：

你可以使用.tagName，这是htmlElement的一个属性：

var tagNames = []; // Array of tag names
for(var i = 0; i < els.length; i++)
   tagNames.push(els[i].tagName); 
 

tagName 为您提供大写的标签名称。您可以通过在.tagName 上使用.toLowerCase() 将其转换为小写以获取小写标签名称。

---

注意：

作为tagName 的替代品，您也可以使用nodeName。对于标签，tagName 和 nodeName 的值是相同的！

【参考方案2】：

无需使用 .get() 方法。就像这样$(selector)[0].nodeName：

var tags = [];
for (i in els)
    tags.push(els[i].nodeName);

【参考方案3】：

试试这个：

els = $('#' + elements + ' *').map(function()
    return this.nodeName;
).get();

console.log(els);

Demo @ Fiddle