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

Método insertAfter() do jQuery

jQuery HTML/Método CSS

O método insertAfter() do jQuery insere o elemento HTML especificado após o elemento selecionado.

Para inserir um elemento HTML antes do elemento selecionado, use o métodoinsertBefore()método.

emafter()Executa a mesma tarefa que o método insertAfter(). A principal diferença está na sintaxe:

  • Usoafter()A expressão de seleção está antes da função, o parâmetro é o conteúdo que será inserido.

  • UsoinsertAfter()ao contrário, o conteúdo está antes do método, e será colocado após o elemento de parâmetro.

Sintaxe:

$(content).insertAfter(selector)

Exemplo

Inserir um elemento HTML após cada parágrafo:

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertAfter("p");
});
Teste e Veja‹/›

Use o método insertAfter() para inserir um elemento existente após cada elemento selecionado:

$("button").click(function(){
  $("h1").insertAfter("p");
});
Teste e Veja‹/›

Valor do Parâmetro

ParâmetroDescrição
contentEspecificar o conteúdo a ser inserido (deve conter marcadores HTML)

Valores Possíveis:

  • Elemento HTML

  • Elemento DOM

  • Objeto jQuery

selectorO elemento selecionado será inserido após o elemento especificado por este parâmetro

jQuery HTML/Método CSS