jQuery Get selected element tag name

Question

Is there an easy way to get a tag name   For example  if I am given    a   into a function  I want to get  a

User · Answer

nodeName will give you the tag name in uppercase  while localName will give you the lower case      yourelement   0  localName    will give you   yourelement instead of YOURELEMENT

User · Answer

You should NOT use jQuery  selector   attr  quot tagName quot   toLowerCase    because it only works in older versions of Jquery  You could use    selector   prop  quot tagName quot   toLowerCase   if you re certain that you re using a version of jQuery thats  gt   version 1 6   Note   You may think that EVERYONE is using jQuery 1 10  or something by now  January 2016   but unfortunately that isn t really the case  For example  many people today are still using Drupal 7  and every official release of Drupal 7 to this day includes jQuery 1 4 4 by default  So if do not know for certain if your project will be using jQuery 1 6   consider using one of the options that work for ALL versions of jQuery   Option 1   jQuery  selector   0  tagName toLowerCase    Option 2 jQuery  selector   0  nodeName toLowerCase

User · Answer

jQuery 1 6    jQuery  selector   prop  tagName   toLowerCase     Older versions   jQuery  selector   attr  tagName   toLowerCase     toLowerCase   is not mandatory

User · Answer

This is yet another way      selector   0  tagName

User · Answer

As of jQuery 1 6 you should now call prop    target prop  tagName     See http   api jquery com prop

User · Answer

You can call  prop  tagName    Examples   jQuery   lt a gt    prop  tagName         gt   A  jQuery   lt h1 gt    prop  tagName         gt   H1  jQuery   lt coolTagName999 gt    prop  tagName         gt   COOLTAGNAME999     If writing out  prop  tagName   is tedious  you can create a custom function like so   jQuery fn tagName   function       return this prop  tagName         Examples   jQuery   lt a gt    tagName         gt   A  jQuery   lt h1 gt    tagName         gt   H1  jQuery   lt coolTagName999 gt    tagName         gt   COOLTAGNAME999     Note that tag names are  by convention  returned CAPITALIZED  If you want the returned tag name to be all lowercase  you can edit the custom function like so   jQuery fn tagNameLowerCase   function       return this prop  tagName   toLowerCase         Examples   jQuery   lt a gt    tagNameLowerCase         gt   a  jQuery   lt h1 gt    tagNameLowerCase         gt   h1  jQuery   lt coolTagName999 gt    tagNameLowerCase         gt   cooltagname999

User · Answer

You can use the DOM s nodeName property          0  nodeName

[javascript] jQuery: Get selected element tag name

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors