如何在单击时删除按钮？

Question

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);    

因此，如果用户单击按钮，则必须删除该按钮。

Answer 1

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

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

http://jsfiddle.net/yoxkscpm/

Answer 2

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

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

Answer 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>