Entfernen angeklickt angehängt Element mit jQuery

Question

My + Schaltfläche dupliziert das Element und - Schaltfläche entfernt letzten angehängten Element.

Dieser Code löscht das zuletzt angehängte Element. Aber ich möchte das geklickte Element vom letzten Element entfernen. Ist es möglich? Ich konnte die Lösung nicht finden.

Gibt es eine Möglichkeit etwas wie

.form-group:this 

Answer 1

Sie Kontext verwenden können (this) von geklickt Element zum nächsten übergeordneten form-group Element zu durchqueren und dann entfernen:

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

Answer 2

mit dem letzten klickten Element zu entfernen, sollten Sie verwenden:

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

e.currentTarget werden Sie das Element, das innerhalb eines angeklickt wurden Form-Gruppe und entfernen Sie sie. Wenn Sie nur die Elemente entfernen möchten, die Gruppe klickten und außerhalb Form waren, sollten Sie $(e.currentTarget).remove();