jQuery метод .last()

Определение и применение

jQuery метод .last() сокращает набор совпавших элементов до последнего элемента в наборе. Чтобы создать объект, который содержит первый элемент в наборе, необходимо воспользоваться методом .first().

jQuery синтаксис:

Синтаксис 1.4:

// метод используется без параметров
$( selector ).last()

Добавлен в версии jQuery

Пример использования

Метод .last() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html

HTML

<p>Первый параграф</p>
<p>Второй параграф</p>
<p>Третий параграф</p>

main.js

JavaScript

$(document).ready(function () {
    $('a').first().css('background', 'red') // выбираем первый элемент коллекции и устанавливаем цвет заднего фона
    $('a').last().css('background', 'green') // выбираем последний элемент коллекции и устанавливаем цвет заднего фона
})

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с использованием jQuery метода .first() и .last() мы создали объекты, которые содержат первый и последний элемент в наборе совпавших элементов, и с помощью метода .css() установили для них цвет заднего фона.