jQuery –如何获取标签名称

最新推荐文章于 2021-04-12 10:49:23 发布

cyan20115

最新推荐文章于 2021-04-12 10:49:23 发布

阅读量1.7k

点赞数

文章标签： javascript ViewUI

要获取元素标签名称，可以使用tagName函数。有两种使用方法：

1）.get（0）.tagName

选择一个类名称为“ classTag1”的元素，然后使用.get（0）.tagName函数显示其标签名称。

$('.classTag1').get(0).tagName;

2）。[0] .tagName

2.选择一个类名称为“ classTag1”的元素，然后使用。[0] .tagName函数显示其标签名称。

$('.classTag1')[0].tagName;

例

<html>
<head>
<title>jQuery Get Tag Name</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
 
</head>
 
<script type="text/javascript">
 
$(document).ready(function(){
	
    var $tag = $('p')[0].tagName; //'P'
    alert($tag);
	
    var $tag = $('.classTag1')[0].tagName; //'DIV'
    alert($tag);
	
    var $tag = $('#idTag1')[0].tagName; //'DIV'
    alert($tag);
	
    var $tag = $('p').get(0).tagName; //'P'
    alert($tag);
	
    var $tag = $('.classTag1').get(0).tagName; //'DIV'
    alert($tag);
	
    var $tag = $('#idTag1').get(0).tagName; //'DIV'
    alert($tag);	

});

</script>
<body>

<h1>jQuery Get Tag Name</h1>

    <p>
    	This is paragrah 1
    </p>
	
	<div class="classTag1">
		This is class='classTag1'
	</div>
	
	<div id="idTag1">
		This is id='idTag1'
	</div>

</body>
</html>

试试演示

标签： jQuery jQuery选择器

翻译自: https://mkyong.com/jquery/jquery-how-to-get-the-tag-name/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery –如何获取标签名称

要获取元素标签名称，可以使用tagName函数。有两种使用方法： 1）.get（0）.tagName 选择一个类名称为“ classTag1”的元素，然后使用.get（0）.tagName函数显示其标签名称。 $('.classTag1').get(0).tagName; 2）。[0] .tagName 2.选择一个类名称为“ classTag1”的元素，然后使用。[0...
复制链接

扫一扫