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

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

3 80
jquery css-selectors

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