Выберите последние 5 элементов с помощью jQuery

Question

Можно ли выбрать последние 5 дочерних элементов элемента?

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.

, например

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

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

Примечания:

• Значение должно быть n+1
• .slice(-5) быстрее, поскольку :gt не может использовать повышение производительности браузера.