简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

How to get element tags in jquery

王林
Release： 2020-11-19 16:52:57
Original
4181 people have browsed it

Jquery method of getting element tags: You can get element tags by using the tagName attribute, such as [var name = $("#p").get(0).tagName; alert(name);].

How to get element tags in jquery

html code is as follows:

(Learning video sharing: jquery video tutorial) 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.2.1.js"></script>
</head>
<body>
    <p id ="p" >这是p标签</p>
<script>
  
</script>
</body>

</html>
Copy after login

The method is as follows:

Method 1: Use the tagName attribute to implement 

var  name = $("#p").get(0).tagName;
alert(name);

var  name = $("#p")[0].tagName;
alert(name);
Copy after login

The output results are: p

Method 2: 

var  name = $("#p").prop("tagName");
alert(name);
Copy after login

The result: p

Method three:

My own encapsulated method

var  name = $("#p").prop("nodeName");
alert(name);
Copy after login

Result: p

Related recommendations: js tutorial

The above is the detailed content of How to get element tags in jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
jquery element Label
source：php.cn
Previous article：How to add tag attributes in jquery Next article：How to get the class name using jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute <divclass='p1'data-location='1'></div> I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！