agregar un elemento DESPUÉS de otro?

Question

cuando uso añádale agregue un elemento DENTRO de un elemento. Quiero agregar un elemento DESPUÉS de un elemento.

por ejemplo.

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

¿cómo agrego un elemento después de 'entrada' pero antes de 'br'?

Answer 1

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

Después de jQuery doc: http://api.jquery.com/after/

También tienen la insertAfter:

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

funcionará bien.

Answer 2

Utilice insertBefore() o insertAfter().

Answer 3

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

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

Answer 4

realmente debería añadir un atributo id a la entrada no sólo por el rendimiento, pero para estar seguro de que usted adiciona sólo después de que la entrada específica:

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

si se utiliza jQuery

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

else

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