Question

我怎样才能发现$(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)
});

Answer 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>

Answer 2

这可以帮助您确定哪种元素类型..

＆＃13;

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

＆＃13;

<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>

＆＃13;

JQuery - 找出HTML标签是什么（这个）

2 个答案: