检查<li>是否包含具有特定类的<a>

Question

我有这个，我想检查第一个包含<li>和类.selected的<a>。

我试过这样做：$( "li a" ).first().hasClass('selected')，但我的<li>没有被检测到。

这是我的HTML代码。

<ul>
  <li>
    <a class="thumbnail selected">
     <img src="thumb1.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
     <img src="thumb2.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
     <img src="thumb3.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
     <img src="thumb4.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
     <img src="thumb5.jpg">
    </a>
  </li>
</ul>

你能帮我吗？

Answer 1

您可以像这样使用.has()

​

$('li:has(a.selected)').first().addClass('found')

.found {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <a class="thumbnail selected">
      <img src="thumb1.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
      <img src="thumb2.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
      <img src="thumb3.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
      <img src="thumb4.jpg">
    </a>
  </li>
  <li>
    <a class="thumbnail unselect">
      <img src="thumb5.jpg">
    </a>
  </li>
</ul>

​

Answer 2

对于第一个选定的锚标记，只需尝试以下操作

$('li a.selected:first')