jQuery div entfernen, die mit jQuery hinzugefügt

Question

ich einige div mit jQuery hinzuzufügen, haben Jede div eine Löschtaste für den div entfernen. Aber div remove-Taste funktioniert nicht. Hier ist mein div entfernen Code

$('.canceltag').click(function(){ 
     $(this).parent().remove(); 
    }); 

Und hier ist mein voller jQuery-Code

$(document).ready(function(){ 
    var BaseURL = $(".BaseURL").val(); 
    var fPeople = $('.fPeople').val(); 
    $('.fPeople').typeahead({ 
     ajax: { 
      url: ""+ BaseURL +"json/tag", 
      method: 'post', 
      triggerLength: 1 
     }, 
     onSelect: (function(item){ 
      var aprid = item.value; 
      var aprname = item.text; 
      var nappr = " <i class='tagcover'>"+ aprname +" <b class='cursor_pointer text-danger canceltag'>X</b><input type='hidden' name='tag[]' value='"+ aprid +"'></i>"; 
      $(".selectedname").append(nappr); 

      $('.fPeople').val(''); 
     }) 
    }); 

    $('.canceltag').click(function(){ 
     $(this).parent().remove(); 
    }); 

}); 

Answer 1

Verwenden Ereignis Delegation Ereignis anhängen Element document angefügt dynamisch erstellt

// attach event to `.canceltag` parent element 
$(".selectedname").on("click", ".canceltag", function() { 
    $(this).parent().remove(); 
});