Question

我有一个列表，我希望用户能够通过单击按钮添加另一个列表。添加列表后，应显示删除按钮。

每当我不断添加新项目时，会附加一个额外的关闭按钮，从而产生类似这样的内容

.
..
...
....
.....
......

这是我的js

 $('a').on('click', function(e){
   e.preventDefault();
   var a = $(this).closest('form').find('ol, li').last().html();
   console.log(a);
    var closeButton = "<a href='#' class='remove-upgrade-field'>Remove</a>" 
    $('<li>' + a + closeButton + '</li>' ).appendTo('ol');

 });

 $('.remove-upgrade-field').live('click', function(e){
   e.preventDefault();
   $(this).closest('li').remove();
 });

fiddle

Answer 1

更改为：

<强> JS

$('a').on('click', function(e){
    e.preventDefault();
    var a = $(this).closest('form').find('ol, li').last().children().html()
    console.log(a);
    var closeButton;
    closeButton = "<a href='#' class='remove-upgrade-field'>Remove</a>" 
    $('<li>' + a + closeButton + '</li>' ).appendTo('ol');

});

$('.remove-upgrade-field').live('click', function(e){
    e.preventDefault();
    $(this).closest('li').remove();
});

fiddle

Answer 2

这是因为每次使用

单击var closebutton时都会附加

"<a href='#' class='remove-upgrade-field'>Remove</a>" 
    $('<li>' + a + closeButton + '</li>' ).appendTo('ol');

{{1}}

尝试在控制台中记录关闭按钮的o / p。

jQuery附加删除按钮列表不断添加一个额外的按钮

2 个答案: