jquery - 在html中找到最后一个事件元素

Question

我想找到列表的最后一个事件类。我试过如下。但它返回所有事件类文本。 li 事件类是动态添加的。

alert($('.test li.active:last-child').find('a').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="test">
  <li class="active"><a href="">test1</a>
  </li>
  <li class="active"><a href="">test2</a>
  </li>
  <li class="active"><a href="">test3</a>
  </li>
  <li class="active"> <a href="">test4</a>
  </li>
  <li class=""> <a href="">test5</a>
  </li>
</ul>

fiddle link

Answer 1

:last-child 表示元素是其父元素的最后一个子元素。由于在您的示例中 li.active 不是最后一个 child ，因此它不起作用。

您需要使用 :last选择器而不是 :last-child 选择器。

$('.test li.active:last').find('a').text()

Fiddle