Вставка контента после элемента

Метод: .after(content);

• Задача 1:

  - вставить после каждого элемента li списка фразу Добавленный контент.

  Показать решение

  • Решение:

    $(function () {
    	$('li').after(' Добавленный контент');
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('li') выберем все пункты списка. С помощью метода .after(' Добавленный контент');, после каждого элемента списка, вставляем фразу Добавленный контент.

    Результат:

    При загрузке страницы, к которой подключен скрипт, после каждого элемента li списка будет вставлена фраза Добавленный контент.

• Задача 2:

  - вставить после элементов p, найденных на странице, html конструкцию <span>Добавленный контент</span>.

  Показать решение

  • Решение:

    $(function () {
    	$('p').after('<span>Добавленный контент</span>');
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('p') выберем все параграфы на странице. С помощью метода .after(' <span>Добавленный контент</span>'); после каждого параграфа вставляем html конструкцию <span>Добавленный контент</span>.

    Результат:

    При загрузке страницы, к которой подключен скрипт, после каждого параграфа на странице будет добавлена html конструкция <span>Добавленный контент</span>.