jQuery：在另一个元素之后添加元素

我有一个特定的文本框，我想在它后面添加一个div。 我已经尝试了.append()函数，但只添加元素中的div。

例如，我有：

 <input type="text" id="bla" /> 

我想把它改成：

 <input type="text" id="bla" /><div id="space"></div> 

Answer 1

尝试使用after()方法：

 $('#bla').after('<div id="space"></div>'); 

文档

Answer 2

尝试

 .insertAfter() 

这里

 $(content).insertAfter('#bla'); 

Answer 3

首先， input元素不应该有结束标记（从http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT ：结束标记：禁止）。

第二件事，你需要after() ，而不是append()函数。