wrapAll()

47
посл. ред. 12.08.2016

Метод wrapAll() вставляет все элементы выборки в указанный элемент (оборачивает указанным элементом). Если элементы выборки находятся в разных местах DOM-дерева, тогда jQuery переместит все элементы в одно место перед обёртыванием.

Варианты использования

jQ_object.wrapAll(HTML-код) => jQuery
Вставляет все элементы выборки в указанный HTML-код.
jQ_object.wrapAll(DOM-элемент) => jQuery
Вставляет все элементы выборки в указанный DOM-элемент.
jQ_object.wrapAll(jQuery-объект) => jQuery
Вставляет все элементы выборки в элемент, представленный jQuery-объектом.

Примеры

  1. <html>
  2. <head>
  3.   <title>Работа с элементами DOM</title>
  4.   <script type="text/javascript" src="js/jquery.js"></script>
  5. </head>
  6. <body>
  7.   <li>Элемент списка</li>
  8.   <li>Элемент списка</li>
  9. </body>
  10. </html>
  11.  
  12. <script>
  13. $('li')
  14. /* выбор всех элементов списка */
  15.   .wrapAll('<ol></ol>');
  16. /* 'обёртывание' всех элементов списка */
  17. </script>
  1. Элемент списка
  2. Элемент списка
  1. <html>
  2. <head>
  3.   <title>Работа с элементами DOM</title>
  4.   <script type="text/javascript" src="js/jquery.js"></script>
  5. </head>
  6. <body>
  7.   <li>Элемент списка</li>
  8.   <p>Параграф</p>
  9.   <li>Элемент списка</li>
  10. </body>
  11. </html>
  12.  
  13. <script>
  14. $('li')
  15. /* выбор всех элементов списка */
  16.   .wrapAll('<ol></ol>');
  17. /* 'обёртывание' всех элементов списка в одном месте*/
  18. </script>
  1. Элемент списка
  2. Элемент списка

Параграф