JQuery - Find out what HTML Tag is $(this)

Question

How can I find out that $(this) is an li? Is there any jQuery function that will let us know what HTML tag it is?

<ul>
  <li class="data">Hello</li>
  <li class="data">World</li>
</ul>

$('.data').each(function() {
   alert($(this).?); // Find what HTML Tag is in $(this)
});

`$(this)[0].tagName` or `this.tagName` – mplungjan Jun 08 '18 at 08:55 — mplungjan, Jun 08 '18 at 08:55

score 0 · Answer 1 · answered Jun 08 '18 at 08:55

To determine the type of the Element you can use the tagName property:

$('.data').each(function() {
  console.log(this.tagName);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="data">Hello</li>
  <li class="data">World</li>
</ul>

Similarly you can use jQuery's is() method to check the given element against a selector:

$('.data').click(function() {
  if ($(this).is('span')) {
    console.log('You clicked the SPAN!');
  } else {
    console.log('You clicked something else');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="data">I'm a span!</span>
<div class="data">I'm a div!</div>

score 0 · Answer 2 · answered Jun 08 '18 at 09:02

This could help you to identify what element type is..

jQuery('.data').each(function() {
   console.log(this.nodeName);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li class="data">Hello</li>
</ul>
<p class="data">para</p>
<h1 class="data">Heading 1</h1>

JQuery - Find out what HTML Tag is $(this)

2 Answers2