在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>