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

来源：互联网发布：ubuntu下移动文件夹编辑：程序博客网时间：2024/06/12 00:59

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

<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>

</head>

<scripttype="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>

        <divclass="classTag1">

               This is class='classTag1'

        </div>

        <divid="idTag1">

                This is id='idTag1'

        </div>

</body>

</html>

0 0