如何根据点击哪个按钮发送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