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

Можно ли выбрать последние 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)+")");

Ответ 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 не может использовать повышение производительности браузера.