English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery after()

HTML do jQuery/Métodos CSS

o método after() para inserir o conteúdo especificado após o elemento selecionado.

Para inserir conteúdo antes do elemento selecionado, utilizebefore()Método.

Sintaxe:

Inserir conteúdo:

$("selector").after(content)

Inserir conteúdo usando função:

$("selector").after(function(index))

Exemplo

Inserir conteúdo após cada parágrafo:

$("button").click(function(){
  $("p").after("<p>Hello world</p>");
});
Teste e Veja‹/›

Inserir conteúdo usando função:

$("button").click(function(){
  $("p").after(function(i){
    return "<p>Índice do elemento p: " + i + ".</p>";
  });
});
Teste e Veja‹/›

Valor do Parâmetro

ParâmetroDescrição
contentEspecificar o conteúdo a ser inserido após cada elemento selecionado (pode conter tags HTML)

Valores Possíveis:

  • Elemento HTML

  • Elemento DOM

  • Objeto jQuery

function(index)Especificar uma função que retorna o conteúdo a ser inserido
  • index-Retornar a Posição do Elemento na Coleção

HTML do jQuery/Métodos CSS