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

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

• Задача 1:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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

• Задача 2:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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