Criação e encapsulamento de elementos em jQuery
Antes de encapsular com uma tag, você pode criar previamente um
elemento no documento. Vamos encapsular os parágrafos
abaixo nas tags '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Para isso, você pode criar previamente um elemento no
documento usando
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Ou:
let div = document.createElement("div");
$('.www').wrap(div);
O parâmetro pode passar não apenas o nome da
tag, mas também uma construção como - '<div></div>'
- neste caso, o efeito será absolutamente o mesmo:
$('.www').wrap('<div></div>');
O código HTML ficará assim:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Ao usar a segunda forma, na
tag de abertura (no nosso caso '<div>')
você pode escrever quaisquer atributos, e o
encapsulamento será feito incluindo esses atributos.
Vamos encapsular nossos parágrafos em uma div com a classe
zzz:
$('.www').wrap('<div class="zzz"></div>');
O código HTML ficará assim:
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>
Encapsule cada h3 em um div
com a classe aaa.
