如何在单击时删除按钮？答案

【问题标题】：How can I remove a button on click?如何在单击时删除按钮？
【发布时间】：2015-09-26 23:59:23
【问题描述】：

var color_arr = ["red","blue","red","blue","red","blue"];
var html = "";
for(var i = 0; i < color_arr.length; i++) {
    html += "<button id='user_color_"+i +"' class='btn' style='background:"+ color_arr[i] +"'></button>";
}
$("#somelement").append(html);

因此，如果用户点击一个按钮，则该按钮必须被删除。

【问题讨论】：

标签： javascript jquery html loops actionlistener

【解决方案1】：

$("#somelement button").on("click",RemoveElement);

function RemoveElement() {
    $(this).remove();
};

http://jsfiddle.net/yoxkscpm/

【讨论】：

【解决方案2】：

$("#somelement").on('click','.btn',function(){    
 var btnId = $(this).attr("id");
 $("#"+btnId).remove();    
});

但你最好添加新类并用它更改 .btn。

【讨论】：

既然已经有了对象，为什么还要使用 id？

【解决方案3】：

您的代码有一些更改。您的 var html 变量已删除。

你可以使用$(...).click(...

var color_arr = ["red","blue","red","blue","red","blue"];

for(var i = 0; i < color_arr.length; i++) {
  $("#somelement").append("<button id='user_color_"+i +"' class='btn' style='background:"+ color_arr[i] +"'>Button</button>");
}
$("#somelement button").click(function(){
    $(this).remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div id="somelement"></div>

【讨论】：