使用jQuery选择最后5个元素

Ada*_*dam 83 jquery css-selectors

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

Guf*_*ffa 168

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

var e = $('#someelement > div').slice(-5);
Run Code Online (Sandbox Code Playgroud)


Sam*_*son 9

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

var o = $("div.container > div:gt("+($("div.container > div").length-5)+")");
Run Code Online (Sandbox Code Playgroud)


Gon*_*ing 5

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

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

例如

var e = $('#someelement > div:gt(-6)');
Run Code Online (Sandbox Code Playgroud)

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

笔记:

  • 值必须是 n+1
  • .slice(-5)速度更快,因为:gt不能使用浏览器性能提升。