Этот сайт использует cookies. Продолжение работы с сайтом означает, что Вы согласны!
Добавление содержимого перед элементом или после него
В предыдущем разделе мы рассмотрели изменение внутреннего содержимого элемента. Библиотека jQuery предоставляет также методы, которые позволяют добавить какое-либо содержимое перед элементом или после него. Рассмотрим эти методы.
after(<Выражение>)
— добавляет<Выражение>
после всех элементов коллекции. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Для примера добавим HTML-код после элемента.
$("#div1").after("<u>Новый текст</u>");
<div id="div1">Текст</div>
Результат будет выглядеть следующим образом.
<div id="div1">Текст</div><u>Новый текст</u>
Теперь добавим DOM-элемент.
$("#div1").after($("<u>Новый текст</u>").get(0));
А теперь добавим созданный элемент коллекции jQuery.
$("#div1").after($("<u>Новый текст</u>"));
before(<Выражение>)
— добавляет<Выражение>
перед всеми элементами коллекции. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Метод полностью идентичен методуafter()
, за исключением того, что добавляет<Выражение>
не после элемента, а перед ним. Для примера добавим HTML-код перед элементом.
$("#div1").before("<u>Новый текст</u>");
<div id="div1">Текст</div>
Результат будет выглядеть следующим образом.
<u>Новый текст</u><div id="div1">Текст</div>
insertAfter(<Селектор>)
— добавляет коллекцию элементов jQuery после всех элементов, соответствующих указанному селектору. Для примера добавим HTML-код после элемента с идентификаторомdiv1
.
$("<u>Новый текст</u>").insertAfter("#div1");
Результат будет таким же, как и при использовании метода after()
.
$("#div1").after("<u>Новый текст</u>");
insertBefore(<Селектор>)
— добавляет коллекцию элементов jQuery перед всеми элементами, соответствующих указанному селектору. Для примера добавим HTML-код перед элементом с идентификаторомdiv1
.
$("<u>Новый текст</u>").insertBefore("#div1");
Результат будет таким же, как и при использовании метода before()
.
$("#div1").before("<u>Новый текст</u>");
Самоучитель по jQuery Учебник по jQuery 3.5.1 и AJAX в формате PDF
Помощь сайту
Yandex-деньги: 410011140483022
ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов