使用.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">'