Wie kann ich Elemente aus div entfernen?

Question

Ich arbeite an MVC5 Projekt, dort bin ich dynamisch erstellen <a></a> Attribut mit Entfernen-Taste.

jQuery,

$("#divbindProjectlist").append('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="' + json.idPartnerProject + '" /></a>');

<div id="divbindProjectlist" class="left-top-p"> 
 
    <a class="list-group-item active left-menu-head">Projects List</a> 
 
    <a href="#" class="list-group-item projectList"><span class="project-name">Test1</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="0.48063279870308406"></a> 
 
    <a href="#" class="list-group-item projectList"><span class="project-name">test2</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="0.15416046484845514"></a> 
 
</div>

Hier Wie kann ich entfernen die jeweils <a></a> Attribut in Bezug auf Entfernen klicken?

Bitte helfen Sie mir ...

Answer 1

$(document).ready(function (e) { 
     $("i.close-p").click(function() {    
      $(this).parent("a").remove(); 
     }); 
    }); 

diese Weise wird das Problem

Answer 2

Es kann so etwas wie dieses

$("#divbindProjectlist").find('a.projectList').click(function(){ this.remove(); }); 

sein Dies wird einen Click-Ereignishandler für Tags anhängen, wenn sie angeklickt werden, werden sie aus dem Dom entfernt werden. mehrere Event-Listener vorsicht allerdings nicht registrieren (wie ich glaube, Sie dynamisch mehr anhängen wird als 1mal)

Für nicht mehrere Zuhörer Befestigen Sie können es tun, wie diese

var addingTag = $('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="' + json.idPartnerProject + '" /></a>'); 
$("#divbindProjectlist").append(addingTag); 
addingTag.click(function(){ this.remove(); }); 

Der obige Code ein schaffen wird ein Tag und fügen Sie es an Ihr div an und es fügt ein Ereignis für zusätzliches Tag nur über seine Referenz an.

Answer 3

$("#divbindProjectlist").on("click", "a", function() { 
      $(this).remove(); 
     }) 

löst dieses Problem