Comment appeler la fonction sur l'événement de clic dans Jquery lorsque l'élément est généré dynamiquement par script et l'accès par le sélecteur de classe ?

Question

Je génère une balise d'ancrage à travers script avec la classe 'section-delete-btn' :

<a class='section-delete-btn' role='button' id = '" + $("#section_name").val() + "'href='#'><i class='section-delete-btns fa fa-trash-o' aria-hidden='true'></i></a>

J'essaie d'accéder à la balise a par le biais du sélecteur de classe comme ceci :

//delete a section
$('a').on('click','.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});

Answer 1

Vous utilisez déjà un écouteur de délégué, mais il échouera si, au moment de l'attachement de l'écouteur, votre document n'a pas de a éléments. Au lieu de cela, utilisez document :

$(document).on('click','a.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});