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

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

• Задача 1:

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

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

  • Решение:

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

    Пояснение:

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

    Результат:

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