Question

我有一个应用程序，它使用一系列函数来渲染和填充表单字段。我需要在其中一个表单字段下面插入一个任意div，但我宁愿不对表单代码进行任何更改。有没有办法我可以用Jquery插入我想要的字段？感谢。

Answer 1

尝试：

$("<div>..</div>").insertAfter("#form-id")

Answer 2

$('input#whichInput').after($('<div/>'));

在所选输入后插入一个div。

Answer 3

使用after功能：

var $div = $("<div/>");
// (construct the content of your div)
$("#the_field").after($div);

Answer 4

查看文档中的DOM插入部分（请参阅页面左侧的树）http://api.jquery.com/category/manipulation/。

根据您的需要，您可以选择一个元素并在其前面，内部（开头或结尾）或之后插入div。

此外，在这种情况下：
.after返回form
.insertAfter会返回div

取决于form或div是否需要另一种链接到它的方法将影响决定使用哪种方法。

Answer 5

示例：

<div id="d">
</div>


$('#d').append('child');

<div id="d">
    child
</div>



$('<div>child</div>').appendTo('#d');
<div id="d">
    <div>child</div>
</div>


$('#d').after('<b>after</b>');
<div id="d">
</div><b>after</b>

使用Jquery插入元素

5 个答案: