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

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

80
css-selectors jquery

3 ответов

Да, вы можете получить элементы div, а затем использовать slice метод, чтобы получить последние пять:

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

конечно, вы можете использовать .length свойство селектора для получения счетчика, а затем используйте :gt(n) селектор, чтобы получить последние 5.

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

начиная с 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 не удается использовать производительность браузера стимулирование.
4