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(...

＆＃13;

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

＆＃13;

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

＆＃13;

如何在点击时删除按钮？

3 个答案: