jQuery: Wie bekomme ich param vom HTML-Element, das mit .append hinzugefügt und mit .on behandelt wird?

Question

Ich benutze den jetzt klassischen ".on" jquery-Handler, um den Klick auf einen Anker zu überprüfen, den ich mit append hinzugefügt habe.

$('#selector-to-thing-that-exists').on('click', '.thing-that-will-be-added-later', function() { 
    //I want to get the "data-pointnumber" and "data-goodanswer" on the clicked element. 
}); 

Das Problem hierbei ist, dass $ (this) geben Sie mir das $ ('# Selektor-to-Ding, dass-exists') und nicht das klickten Element (es ist ein Link). Bin ich klar genug?

$.each(this.currentQuestion.Reponse,function (arrayID,rep) { 
    $('#QuestionContainerSingle').find('.liste-boutons').append('<li><a href="" class="button-big btn-rep" data-nbpoints="'+rep.NbPoints+'" data-bonne="'+rep.Bonne+'">'+rep.Texte+'</a></li>'); 
}); 
$('#QuestionContainerSingle').on('click','.btn-rep',function (e) { 
    e.preventDefault(); 
    console.log($(this).attr('data-nbpoints')); 
}); 

Hier ist der html ... Da es Teil einer größeren Anwendung ist es nicht einfach ist einfach zu extrahieren, was ich für diese Frage brauchen!

<div class="question-content" id="QuestionContainerSingle"> 
      <div class="header-question"> 
       <p class="intitule"> 

       </p> 
      </div> 
      <div class="content"> 
       <div class="title-box">Find the best answer</div> 
       <ul class="liste-boutons"> 

       </ul> 
      </div> 
     </div> 

Answer 1

Endlich finde ich den Schuldigen! Ich benutze dies.btnRep = $ ('. Btn-rep'); in der Init meiner App. Wenn ich verwende

$('#QuestionContainerSingle').on('click',**this.btnRep**,function (e) { 
    e.preventDefault(); 
    console.log($(this).attr('data-nbpoints')); 
}); 

es funktioniert nicht. Aber wenn ich

$('#QuestionContainerSingle').on('click',**'.btn-rep'**,function (e) 

es funktioniert ... Stange!