Método wrapInner

O método wrapInner envolve o conteúdo interno do elemento em uma tag especificada.

Sintaxe

O parâmetro do método pode ser um texto (possivelmente com tags), um elemento DOM ou um objeto jQuery:

javascript.wrapInner(com o que envolver);

Desta forma, os elementos selecionados são envolvidos pelo conteúdo, que será retornado na forma de texto html, por uma função personalizada. A função é chamada separadamente, para cada um dos elementos selecionados:

javascript.wrapInner(function(índice no conjunto));

Exemplo

Vamos envolver os parágrafos com a classe www na tag b:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('.www').wrapInner('<b></b>');

O código HTML ficará assim:

html<p class="www"><b>text</b></p>
<p class="www"><b>text</b></p>
<p class="www"><b>text</b></p>
<p>text</p>

Veja também

  • métodos wrap, wrapAll, unwrap,
    que permitem trabalhar com o envolvimento de elementos