Javascript 有没有一种方法可以使每次按下按钮时都会出现一个包含元素的新div？

我有这个部门：

<div class="divOne">
<g:textField name="txtField"></g:textField>
 <input type="button" id="btnAddResource" value="another" onClick="Another()" class="btnAdd"/>
</div>

当按下按钮时，JS或Jquery是否有办法使另一个相等的div动态显示？例如，如何将每个文本字段的值抛出参数传递给控制器？

$（'.yourbutton'）。单击（function（）{
$('.yourbutton').click(function(){
      $('body').append('<div name="divOne">
<g:textField name="txtField"></g:textField>
<g:submitButton name="btnAppear" onclick="appear()"></g:submitButton>
</div>');
});

$（'body'）。追加（'
');
});

这就是你想要的

用于之后的

$('.yourbutton').click(function(){
      $(this).parent().after('<div name="divOne">
<g:textField name="txtField"></g:textField>
<g:submitButton name="btnAppear" onclick="appear()"></g:submitButton>
</div>');
});

$（'.yourbutton'）。单击（函数（）{
$（this）.parent（）之后（'
');
});

是的，有办法。你试过什么？我只试过制作几个div，并将它们设置为visible='hidden'，当按下一个按钮时，将它们设置为visible，但这使我可以编写有限数量的div。你不需要重复的id，所以可能最好使用类。你做过jQuery吗？我正在使用下面的jQuery函数和classesHuh？这里没有提到任何类。使用此函数，新的Div将添加到按下按钮的Div下？还是在文档的末尾？我在文档的上一页更改了我的注释@PabloGlezand如果我想把它添加到最后一个div旁边呢？将类似于$（'divOne'）。append？您将使用after（），因为append会将其添加到div的“内部”。