追加后 JQuery 隐藏

Question

我正在运行一个脚本，该脚本将在从下拉列表中选择一个元素时附加一个元素，这一切正常并附加该项目。附加的项目包括一个按钮，单击时将隐藏附加的项目。我似乎无法开始工作的是隐藏功能。如果我手动将元素放入 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();
});