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

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

• Задача 1:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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

• Задача 2:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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