有沒有辦法讓每個按下按鈕的元素出現一個新的div？

Question

我有這個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按下按鈕時？以及如何傳遞例如，每個textField的值拋出params到控制器？

Answer 1

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

這是你想要的嗎？

爲後

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