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

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

• Задача 1:

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

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

  • Решение:

    $(function () {
    	$('span').wrap('.first');
    });
    

    Пояснение:

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

    Результат:

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