jquery 获取 tagName(JQuery如何得到tagName?)

最新推荐文章于 2024-11-06 19:32:42 发布

转载最新推荐文章于 2024-11-06 19:32:42 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/178mz/p/4487819.html

本文介绍了在jQuery中获取元素tagName的方法，通过两种方式演示了如何实现这一目标，并提供了相关测试代码以供验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在javascript中要取得tagName十分简单，但在jQuery中官方文档却没有记载，在一通百度和谷歌之后，尝试了不少所谓秘技，都不能正确得到，经过自己的验证，终于找到了方法，于是记录下来以备忘！

要得到tagName可以使用以下两种方法：

$('#id').get(0).tagName;

$('#id')[0].tagName;

测试代码如下图：

我们发现jQuery获取不到 tagName

用上面的方法即可，如图：

最后附上代码

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>

<p id="myP">Click the button to display the tag name of this element.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
<p id="demo1"></p>
<script>
function myFunction() {
    var x = document.getElementById("myP").tagName;
    var y = $("#myP")[0].tagName;
    // 或者  $("#myP").get(0).tagName; 
    document.getElementById("demo").innerHTML = x;
    document.getElementById("demo1").innerHTML = y;
}
</script>

</body>
</html>