使用.After（）將元素添加到元素後面，可以使用之前添加的元素。 （jQuery）

Question

我有一個動態列表，我可以添加文件字段。但是當我添加多個字段時，所有添加的刪除按鈕都會被推送到最後添加的字段。

當我使用的.before()代替.after()它正常工作，只是它的元素之前我不想..

演示：

https://jsfiddle.net/yokLpnwo/11/

Answer 1

好，按鈕被添加到Dom上，這是您的按鈕css上的刪除按鈕，它將您的按鈕變成彼此重疊。

'<button type="button" id="remove' + (next) + '" class="btn btn-danger remove-me" style="margin-top: -34px; position: absolute; right: 40%;" >-</button></div><div id="field">' 

您使用此按鈕添加的CSS導致您的按鈕彼此重疊。用相應的變化餘量頂部與變量next相乘，如下所示，

'<button type="button" id="remove' + (next) + '" class="btn btn-danger remove-me" style="margin-top: -'+(next*34)+'px; position: absolute; right: 40%;" >-</button></div><div id="field">'