jQuery tag name of element

Question

I'm try to get an elements tag name in jQuery.

I have the following html:

<div class="section" id="New_Revision"> <h1>New Revision&nbsp<img alt="Lock_closed" class="edit" data-id="1" src="/assets/lock_closed.svg" /></h1> <p>This is a test paragraph.</p> <ol class="references"> <li>test</li> </ol> </div>

And javascript:

$(".edit").click(function(){ $(this).closest("div.section").children().each(function(){ alert($(this).tagName + " - " + $(this).html()); }); })

I've tried $(this).tagName, $(this).nodeName and $(this).attr("tag") as noted in this question: Can jQuery provide the tag name?

But I'm always getting undefined in return. The html() outputs correctly. Why can't I get the tag name of each element?

Possible duplicate of jQuery: Get selected element tag name

Kaspar Lee
– Kaspar Lee

2016-03-13 09:01:45 +00:00
Commented Mar 13, 2016 at 9:01 — Kaspar Lee
– Kaspar Lee, Commented Mar 13, 2016 at 9:01

ssilas777 · Accepted Answer · 2013-04-13 15:12:29Z

43

Try

this.nodeName instead of $(this).nodeName

this refers to the DOM element itself and $(this) wraps the element up in a jQuery object.

EDIT

If you require Jquery approach you can use

$(this).prop("tagName")

edited Apr 13, 2013 at 15:12

answered Apr 13, 2013 at 14:55

ssilas777

9,7704 gold badges48 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

radu florescu Over a year ago

this is using javascript not Jquery as stated in the question.

ssilas777 Over a year ago

@Floradu That is what I also stated here.DOM means document object model.Why downvote?

radu florescu Over a year ago

as I stated before, he wanted a Jquery approach, not an Js approach, I removed the downvote

Ryan King Over a year ago

Thanks, this is simplest solution.

Hannes Johansson Over a year ago

Well, if you really had wanted to use a jQuery function for some reason, you could have used $(this).prop('tagName') - but it's easier to just use this.tagName as ssilas777 said.

evandrix · Accepted Answer · 2017-02-27 09:06:14Z

Have you tried:

$(this).attr("id", "rnd" + this.nodeName.toLowerCase() + "_" + i.toString());

As stated in the linked question. Also there is a big difference between $(this) and this

Tried this in the browser console and it works:

document.getElementsByTagName("a")[0].tagName // this uses javascript

this uses jquery:

$('a').get(0).nodeName; // this works for jquery

try this:

$(".edit").click(function(){ $(this).closest("div.section").children().each(function(){ alert(this.tagName + " - " + $(this).html()); }); })

Thanks, but I having trouble seeing how to adapt this to the $(this).tagName code above.

Collectives™ on Stack Overflow

jQuery tag name of element

2 Answers 2

5 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Linked

Related