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

<强> Demo

---

last-child和last-of-type在<hr>

的情况下不起作用

在这种情况下，请使用$('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")

如果这对您有帮助，请相信！干杯：）