JQuery - 找出什么是 HTML 标签 $(this) [重复]答案

【问题标题】：JQuery - Find out what HTML Tag is $(this) [duplicate]JQuery - 找出什么是 HTML 标签 $(this) [重复]
【发布时间】：2018-11-18 07:00:55
【问题描述】：

我怎样才能知道$(this) 是li？是否有任何 jQuery 函数可以让我们知道它是什么 HTML 标签？

<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 或 this.tagName

标签： javascript jquery

【解决方案1】：

要确定元素的类型，您可以使用tagName 属性：

$('.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>

同样，您可以使用 jQuery 的 is() 方法来检查给定元素与选择器：

$('.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>

【讨论】：

【解决方案2】：

这可以帮助您识别元素类型是什么..

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>

【讨论】：