删除点击附加项目与jQuery

Question

我+按钮复制元素和 - 按钮删除最后附加元素。

$('#btnNewMobilePhone').on('click', function(e){ 
      e.preventDefault(); 
      $('.phonemobile').append(' <div class="form-group"><label for="email" class="col-sm-3 control-label">Cep Telefonu</label><div class="col-sm-4"><input type="text" class="form-control" name="phone_mobile[]" placeholder="Mobile Phone"></div><div class="col-sm-2"> <a href="#" class="btn btn-primary btnRemMobilePhone"> <i class="entypo-plus"> -</i> </a> </div></div>'); 
}); 
$('.phonemobile').on('click', '.btnRemMobilePhone', function(e){ 
      e.preventDefault(); 
      $('.phonemobile .form-group:last').remove(); 
}); 

此代码删除最后添加的元素。但我想删除最后一个元素的单击元素。可能吗？我找不到解决方案。

有使用类似

.form-group:this 

Answer 1

您可以使用上下文（this）点击的元素的遍历最接近父form-group元素，然后将其删除：

$('.phonemobile').on('click', '.btnRemMobilePhone', function(e){ 
    e.preventDefault(); 
    $(this).closest('.form-group').remove(); 
}); 

Answer 2

要删除最后一个点击的元素的方式，你应该使用：

$('.phonemobile .form-group').find(e.currentTarget).remove();

e.currentTarget将你点击内部的该元素form-group并删除它们。如果你想删除只有那些被点击和外在形式族元素，你应该使用$(e.currentTarget).remove();