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

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

怎么获得标签元素名，你通过使用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>