Методы для вложения элементов

Все элементы коллекции можно разместить в каком-либо другом элементе. Для вложения элементов предназначены следующие методы.

•    wrapInner (<HTML- элемент  или  ВОМ-элемент>)—вкладывает внутреннее
содержимое каждого элемента коллекции в другой элемент. Для примера выде
лим содержимое всех тегов <div>.


$ ("div").wraplnner ("<b></b>") ;

<div>Текст  1 </div>
<div>Текст 2</div>

Результат будет выглядеть следующим образом.

<div><b>Текст  l</b></div>
<div><b>Текст  2</b></div>

Такого же эффекта можно достичь, передав в качестве параметра DOM-элемент.

$("div").wraplnner(document.createElement("b"));

Можно также передать элемент, созданный с помощью функции $().

$("div").wraplnner ($("<b></b>") ) ;

• wrap (< HTML -элемент или ВОМ-элемент>) —полностью вкладывает каждый элемент коллекции в другой элемент.

$ ("div").wrap("<b></b>") ;
<div>Текст  1 </div>
<div>Текст 2</div>

Результат выполнения таков:

<b><div>Текст   l</div></b>
<b><div>Текст  2</div></b>

•    wrapAll (<HTML-элемент   или   ВОМ-элемент>) —  собирает  все  элементы коллекции в одном месте и вкладывает их в другой элемент.

$ ("div").wrapAll ("<u></u>") ;

<b>Какой-то  текст  1</b>
<div>Текст  l</div>
<b>Какой-то  текст  2</b>
<div>Текст  2</div>
<b>Какой-то  текст  3</b>
<div>Текст  3</div>

Результат будет выглядеть следующим образом.

<b>Какой-то  текст   1</b>
<uxdiv>Текст  l</div>
<div>Текст  2</div>
<div>Текст  3</div></u>
<b>Какой-то  текст  2</b>
<b>Какой-то  текст  3</b>
Как видно из примера, все элементы коллекции были размещены после первого элемента и расположены внутри тега <u>.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *