如何根據點擊哪個按鈕發送id參數？

Question

演示和完整的代碼是這樣的：https://jsfiddle.net/oscar11/o5qn5gum/8/

我的HTML代碼是這樣的：

<button type="button">Click Me</button> 

<div id="tes"> 

</div> 


<!-- Modal Currency--> 
<div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 


      </div> 
      <div class="modal-body"> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 

我的JavaScript代碼是這樣的：

$(document).ready(function(){ 
     $("button").click(function(){ 

      $.ajax({ 
       //type: 'POST', 
       //url: 'script.php', 
       success: function(data) { 
        var isitable = ''; 
        isitable += '<br><button class="btn btn-primary tes" id="NationCd=ID&CityCd=JKT">Book 1</button><br><br>'; 
        isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=BAI">Book 2</button><br><br>'; 
        isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=JOG">Book 3</button><br>'; 

        // console.log(isitable); 
        $("#tes").html(isitable);     
       } 
      }); 
     }); 

     $(".test").click(function(){ 
      console.log('tes'); 
      var id = this.id; 
      console.log(id); 
     }); 
    }); 

當點擊按鈕 「點擊我」 ，它會顯示三個按鈕。看看jsfidde。

點擊按鈕（例如，我點擊「book 1」按鈕），它會發送參數id。我console.log(this.id);在$(".test").click(function(){，但它不工作。

任何解決方案來解決我的問題？

謝謝

Answer 1

既然你做一個AJAX調用，你必須把你的點擊事件在success部分是這樣的：

$(document).ready(function(){ 
    $("button").click(function(){ 

    $.ajax({ 
     //type: 'POST', 
     //url: 'script.php', 
     success: function(data) { 
     var isitable = ''; 
     isitable += '<br><button class="btn btn-primary test" id="NationCd=ID&CityCd=JKT">Book 1</button><br><br>'; 
     isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=BAI">Book 2</button><br><br>'; 
     isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=JOG">Book 3</button><br>'; 

     // console.log(isitable); 
     $("#tes").html(isitable); 
     $(".test").click(function(){ 
      console.log('tes'); 
      var id = this.id; 
      console.log(id); 
     }); 

     } 
    }); 
    }); 


}); 

Fiddle