您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

怎么使用jquery获得标签元素名

时间:08-18来源:作者:点击数:

怎么获得标签元素名,你通过使用tagName函数来实现。在此有两种方法来使用她:

1).get(0).tagName

通过使用它的一个类名来选择一个元素,然后通过使用.get(0).tagName 函数来显示其标签名。

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

2).[0].tagName

2. 使用它的一个类名来选择一个元素,然后使用.[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>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐