Javascript JQuery在追加后隐藏

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

$（'#addteammember'）。单击（函数（）{
var usernamevalue=$（“#teammemberselected”）.val（）；
var teammemberfullname=$（'#teammemberselected选项：selected'）。text（）；
$（“#teammemberlist”）。追加（“
”+teammemberfullname+”
”）；
});
$（'.removeteam'）。单击（函数（）{
$（this.hide（）；
});   

之所以会发生这种情况，是因为您动态附加了按钮，但仅为已存在的元素绑定了

单击处理程序。您可以改为使用此代码：

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

尝试
live
功能

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

请记住，

上的

方法是在jQuery版本1.7中引入的。如果出于某种原因，您必须使用旧版本，请尝试或。出于性能原因，我建议将
委派
置于
现场
之上。我不确定

上的

如何与这两种方法叠加。