jQuery追加后隐藏

Question

我正在运行一个脚本，该脚本将在从下拉列表中选择元素时附加一个元素，所有元素都可以正常工作并附加该项目。 附加的项目包括一个按钮，单击该按钮将隐藏附加的项目。 我似乎无法上班的是hide函数。 如果我将元素手动放入HTML并单击“隐藏”按钮，则代码似乎可以正常工作，但是由于某种原因，在追加元素时不起作用？

$('#addteammember').click(function() {
 var usernamevalue = $("#teammemberselected").val();
 var teammemberfullname = $('#teammemberselected option:selected').text();
  $('#teammemberlist').append("<li><input class='removeteam' type='button' value="+usernamevalue+" /><span class='listitem'>"+teammemberfullname+"</span></li>");
});


$('.removeteam').click(function () {
  $(this).hide();
});   

Answer 1

发生这种情况是因为您动态地添加了按钮，但是仅将click处理程序绑定到已经存在的元素上。 您可以改用以下代码：

$("#teammemberlist").on("click", ".removeteam", function () {
    $(this).hide();
}); 

Answer 2

尝试live功能。

$(".removeteam").live("click", function() {
$(this).hide();
});