Обертывание содержимого отобранных элементов DOM-элементом

Метод: .wrapInner(element);

• Задача 1:

  - обернуть содержимое каждого элемента li, найденного на странице, блоком с классом first.

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

  • Решение:

    $(function () {
    	$('li').wrapInner('.first');
    });
    

    Пояснение:

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

    Результат:

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