добавить элемент ПОСЛЕ другого?

Question

Когда я использую добавление, добавьте элемент WITHIN в элемент. Я хочу добавить элемент ПОСЛЕ элемента.

например.

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

Как добавить элемент после «ввода», но до «br»?

Answer 1

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

После того как на JQuery документ: http://api.jquery.com/after/

Вы также имеете insertAfter:

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

будет работать нормально.

Answer 2

Использовать insertBefore() или insertAfter().

Answer 3

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

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

Answer 4

Вы должны действительно добавить идентификатор атрибута к введенному не только производительность, но, чтобы быть уверенным, что вы добавляете только после этого конкретного ввода:

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

при использовании 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);