jQuery选择器查找最后一个元素

Question

如果有人能告诉我这怎么可能，我将非常感谢。

如果我有以下html，

<span><hr class=​"tierEnd">​</span>
<span><hr class=​"tierEnd">​</span>
<span><hr class=​"tierEnd">​</span>
<span><hr class=​"tierEnd">​</span>

如何选择最后的hr元素？

尝试过使用last-child, last ， last-of-type

Answer 1

使用jquery :last选择器

$(".tierEnd:last")

Answer 2

使用:last或.last()

$('hr:last')

要么

$('hr').last()

演示版

---

如果<hr> last-child和last-of-type不起作用

在这种情况下，请使用$('span:last-of-type hr')

Answer 3

您可以使用.last() jQuery方法：

$(".tierEnd").last()

由于某些原因，它被认为比伪选择器更快。

Answer 4

jQuery("span > .tierEnd").last()

要么

jQuery("span > .tierEnd:last")

使用span > .tierEnd将仅选择具有tierEnd类的span标签的直接后代

Answer 5

您应该使用下面的选择器来获取最后一个<hr>元素。

jQuery("span:last-child hr.tierEnd")

请喜欢，如果这可以帮助您！ 干杯:)