在另一個元素之後添加元素？

Question

當我使用其追加添加元素中的元素。我想在元素之後添加一個元素。

例如。

<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

你真的應該添加一個id屬性到你的輸入不僅表現，但可以肯定，你只有特定的輸入之後追加：

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

如果使用jQuery

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

其他

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