Método prepend
O método prepend adiciona texto no início
de um elemento. Também existe o método
prependTo,
que funciona de maneira semelhante.
Sintaxe
Inserir texto no início de um elemento:
$(seletor).prepend(texto);
No início dos elementos selecionados, pode-se adicionar texto que será retornado por uma função personalizada. A função é chamada separadamente para cada um dos elementos selecionados. Ao ser chamada, são passados os seguintes parâmetros: a posição do elemento no conjunto, o conteúdo atual do elemento:
$(seletor).prepend(function(posição no conjunto, conteúdo atual do elemento));
O conteúdo também pode ser não apenas texto simples, mas também um elemento DOM ou um objeto jQuery. Nesse caso, esses elementos serão movidos de sua posição original no código HTML.
Exemplo
Vamos inserir texto no início do parágrafo determinado:
<p id="test">text</p>
$('#test').prepend('!!!');
O código HTML ficará assim:
<p id="test">!!!text</p>
Exemplo
Vamos inserir texto com tags no início do parágrafo determinado:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
O código HTML ficará assim:
<p id="test"><b>!!!</b>text</p>
Exemplo
Vamos encontrar todos os parágrafos e colocar no início de cada um deles a sua posição ordinal no conjunto:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
O código HTML ficará assim:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>