Can jQuery provide the tag name

Question

I ve got several elements on a HTML page which have the same class - but they re different element types   I want to find out the tag name of the element as I loop over them - but  attr doesn t take  tag  or  tagname    Here s what I mean   Consider these elements on a page    lt h1 class  rnd  gt First lt  h1 gt   lt h2 id  foo  class  rnd  gt Second lt  h2 gt   lt h3 class  rnd  gt Third lt  h3 gt   lt h4 id  bar  class  rnd  gt Fourth lt  h4 gt    Now I want to run something like this to ensure that my elements all have an id if one wasn t already defined     function           rnd   each function i        var id     this  attr  id        if  id     undefined    id length     0             this is the line that s giving me problems            attr  tag   returns undefined         this  attr  id    rnd      this  attr  tag           i toString                       The result I would like would be that the H2 and H4 elements would then have an id of  rndh2 1 rndh4 3   respectively   Any ideas on how I can discover the tag name of the element represented by  this

User · Answer

You could try this   if   this  is  h1       doStuff        See the docs for more on is

User · Answer

You can get html element tag name on whole page   You could use              body   contents   on  click  function                var string   this tagName            alert string

User · Answer

I think you cannot use the nodeName in jQuery since nodeName is a DOM property and jQuery itself do not have a either a nodeName function or property  But based on the respondent who first mentioned about this nodeName stuff  this is how I was able to resolve the problem   this attr  id    rnd    this attr  nodeName           i toString       NOTE  this here is a jQuery object

User · Answer

you can try  jQuery this  get 0  tagName  or jQuery this  get 0  nodeName    note  replace this with your selector  h1  h3 or

User · Answer

Consider the fast FILTER method       rnd   filter  h2 h4     returns     lt h2 id   foo  class   rnd  gt  Second  lt  h2 gt     lt h4 id   bar  class   rnd  gt  Fourth  lt  h4 gt      so       rnd   filter  h2 h4   each function            this

User · Answer

this  attr  id    rnd      this  attr  tag           i toString       should be    this  attr  id    rnd    this nodeName toLowerCase           i toString

User · Answer

The best way to fix your problem  is to replace   this  attr  tag   with either this nodeName toLowerCase   or this tagName toLowerCase     Both produce the exact same result

User · Answer

Since I ve hit this question once before and it didn t help me in my case  I didn t have a this  but instead had a jQuery selector instance   Calling get   will get you the HTML element  by which you can get the nodeName as mentioned above   this nodeName     In a event handler   this  is usually the element the event is called on   or      hello first-child   get 0  nodeName     Use  get  or simply access the jQuery Object like an array     hello first-child   0  nodeName         will get you the original DOM element object

User · Answer

I only just wrote it for another issue and thought it may help either of you as well   Usage     i e  onclick   DOM Trackr this      Parameters     DOM-Object to trace return alert switch  optional  default alert    Source-Code   function  DOM Trackr  elem retn false        var pathTrackr         var  self    elem  get 0       while  self  amp  amp   self tagName                var  id     self  attr  id            self  attr  id                var  nName  self tagName          pathTrackr   nName toLowerCase     id   pathTrackr            gt     pathTrackr             self    self  parent   get 0             if  retn                return pathTrackr            else               alert pathTrackr

User · Answer

Instead simply do     function           rnd   each function i        var id     this  attr  id        if  id     undefined    id length     0             this is the line that s giving me problems            attr  tag   returns undefined          change the below line            this  attr  id    rnd    this tagName toLowerCase           i toString

User · Answer

Yes  You could use the below code   this tagName

User · Answer

Since this is a question you come along on google using jquery tagname first child as a query I ll post another example    lt div gt  lt p gt Some text  whatever lt  p gt  lt  div gt      div   children   first-child   get 0  tagName         and not    div first-child          The jquery result is an  uppercase  tagname  P

User · Answer

You could also use   this  prop  tagName    if you re using jQuery 1 6 or higher

[javascript] Can jQuery provide the tag name?

Examples related to javascript

Examples related to jquery