dodać element PO innym?

Question

kiedy używam dodać to dodać element WITHIN elementu. Chcę dodać element PO element.

np.

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

Jak dodać element po "input", ale przed "br"?

Answer 1

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

Po doc na jQuery: http://api.jquery.com/after/

mieć również insertAfter:

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

będzie działać dobrze.

Answer 2

Użyj insertBefore() lub .

Answer 3

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

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

Answer 4

Należy naprawdę dodać atrybut id do wejścia nie tylko do wydajności, ale aby mieć pewność, że dołączy dopiero po tym konkretnym wejściu:

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

jeśli 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);