使用jQuery选择最后5个元素

Question

是否可以选择元素的最后5个子div？

Answer 1

是的，您可以获取div元素，然后使用slice方法获取最后五个：

var e = $('#someelement > div').slice(-5);

Answer 2

当然，您可以使用选择器的.length属性来获取计数，然后使用:gt(n)选择器获取最后5个。

var o = $("div.container > div:gt("+($("div.container > div").length-5)+")");

Answer 3

从jQuery 1.8开始，您可以在:gt()伪选择器中使用负值。

参考：https://api.jquery.com/gt-selector。

e.g。

var e = $('#someelement > div:gt(-6)');

JSFiddle： https://jsfiddle.net/TrueBlueAussie/g4drety2/3/

备注：

• 值必须为n+1
• .slice(-5)速度更快，因为:gt无法使用浏览器效果提升。