使用 jQuery 选择最后 5 个元素

Posted 2023-03-06

【中文标题】使用 jQuery 选择最后 5 个元素

【英文标题】：Select last 5 elements with jQuery

【发布时间】：2010-12-29 05:19:43

【问题描述】：

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

【参考方案1】：

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

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

【参考方案2】：

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

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

【讨论】：

从 jQuery 3.4 开始，:gt() 选择器已被弃用。推荐.slice()

【参考方案3】：

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

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

例如

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

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

注意事项：

值必须是n+1 .slice(-5) 更快，因为 :gt 无法使用浏览器性能提升。