Вставка контента в начало содержимого элемента

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

• Задача 1:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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

• Задача 2:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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