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

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

• Задача 1:

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

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

  • Решение:

    $(function () {
    	$('span').wrapAll('<div class="wrap_block" />');
    });
    

    Пояснение:

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

    Результат:

    При загрузке страницы, к которой подключен скрипт, все элементы span будут находиться внутри блока с классом wrap_block. Записи вида .wrapAll('<div class="wrap_block" />'); и .wrapAll('<div class="wrap_block"></div>'); будут идентичны