在另一个元素之后添加元素？

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);