javascript - Jquery .has ("tag") 过滤器显示没有元素的标签有它们

Question

我试图通过 Jquery 过滤包含 ul 标签的 li 标签。 Jquery .has("tag") 过滤器显示没有元素的标签有它们。

$(".mobile_menu>ul>li").click(function(event) {
		/* Act on the event */
		console.log("clicked");
		if($(this).has(".ul")){
			console.log("it has ul");
			console.log($(this));
		}
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mobile_menu">
  <div class="title">Title</div>
  <ul>
    <li>1</li>
    <li>2
      <ul class="none">
        <li>1</li>
        <li>2</li>
      </ul>
    </li>
    <li>3</li>
  </ul>
</div>

Answer 1

你差不多明白了，使用 $(this).has("ul").length > 0

首先从.has(".ul")中删除点自 ul不是 class .

<- credit to T.J.Crowder ->

你甚至可以让它更短一点并使用 $(this).has("ul").length

has “返回一个 jQuery 对象，而不是一个标志。jQuery 对象总是真实的。”

$(".mobile_menu>ul>li").click(function(event) {
  /* Act on the event */
  console.log("clicked");
  if ($(this).has("ul").length > 0) {
    console.log("it has ul");
    console.log($(this));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mobile_menu">
  <div class="title">Title</div>
  <ul>
    <li>1</li>
    <li>2
      <ul class="none">
        <li>1</li>
        <li>2</li>
      </ul>
    </li>
    <li>3</li>
  </ul>
</div>