ajouter un élément APRÈS un autre?

Question

Lorsque j'utilise append, ajoutez un élément WITHIN dans un élément. je veux ajouter un élément après un élément.

par ex.

<div class="link"> 
     <input class="link" type="text" value="Skriv länk" /> 
     <br /> 
</div> 

comment ajouter un élément après 'entrée' mais avant 'br'?

Answer 1

$("input").after("<p>Hello</p>"); 

Après le doc jQuery: http://api.jquery.com/after/

Vous avez également la insertAfter:

$("<p>Hello</p>").insertAfter("input"); 

fonctionnera très bien.

Answer 2

Utilisez insertBefore() ou insertAfter().

Answer 3

// create your element 
var $el = $("<div>"); 

// append after input 
$("input.link").after($el); 

Answer 4

Vous devriez vraiment ajouter un attribut id à votre entrée, non seulement pour la performance, mais pour être sûr que vous ajoutez seulement après cette entrée spécifique:

<div class="link"> 
     <input id="textBox" class="link" type="text" value="Skriv länk" /> 
     <br /> 
</div> 

si vous utilisez jquery

$("#textBox").after("<p>Hello</p>"); 

sinon

var textBox = document.getElementById("textBox"); 
var element = document.createElement("<p>Hello</p>"); 
textBox.parentNode.insertBefore(element, textBox.nextSibling);