jQuery：.appendで追加され、.onで処理されたhtml要素からparamを取得する方法？

Question

私は以前の ".on" jqueryハンドラを使って、追加したアンカーのクリックを確認しました。

$('#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. 
}); 

ここでの問題は、$（これは）私に$（「＃セレクターツー事-ことが-存在」）及びませんクリックした要素を（それはリンクです）を得ていることです。 十分明確ですか？

$.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')); 
}); 

ここはhtmlです...より大きなアプリケーションの一部であるため、この質問に必要なものを抽出するのは簡単ではありません。

<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

最後に、私は犯人を見つける！私はthis.btnRep = $（ '.btn-rep'）;を使用します。私のアプリのinitで。 私が使用するとき

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

それは機能しません。 しかし、私はそれが働いて

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

... スタンジェを使用するときに！