Javascript 获取div'的内容;使用ajax

Javascript 获取div'的内容;使用ajax,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我有几个像这样的div,我用ajax创建它们 .done(function( response ) { $("#stores").html(''); var iterator = response.retailer; for (var i=0;i<iterator.length;i++){ $("#stores").html($("#stores").html()+ "<div id="+response.retailer[i].id+" cl

我有几个像这样的div,我用ajax创建它们

.done(function( response ) {
    $("#stores").html('');
    var iterator = response.retailer;
    for (var i=0;i<iterator.length;i++){
    $("#stores").html($("#stores").html()+
    "<div id="+response.retailer[i].id+" class='panel panel-default '>"+
    "<div class='panel-body'>"+
    "<p> Name: "+response.retailer[i].name+"<p>"+
    "<p> Address: "+response.retailer[i].address+"<p>"+                
    " <button id='AddAndSave' class='btn btn-success col-md-offset-10'><span class='glyphicon glyphicon-plus'></span></button>"+
    "</div>"+
    "</div>");
    }
})
.done(函数(响应){
$(“#存储”).html(“”);
var迭代器=response.retailer;

对于(var i=0;i好吧,首先,不要在按钮上使用ID,您肯定会有多个ID。因此,使用一个类代替

.done(function( response ) {
    $("#stores").html('');
    var iterator = response.retailer;
    for (var i=0;i<iterator.length;i++){
    $("#stores").append("<div id="+response.retailer[i].id+" class='panel panel-default '>"+
    "<div class='panel-body'>"+
    "<p> Name: "+response.retailer[i].name+"<p>"+
    "<p> Address: "+response.retailer[i].address+"<p>"+                
    " <button class='AddAndSave btn btn-success col-md-offset-10'><span class='glyphicon glyphicon-plus'></span></button>"+
    "</div>"+
    "</div>");
    }
})

另外,请注意,我用append()替换了html()方法方法:它肯定会更有效。

你在控制台中有错误吗?没有,我只是想知道是否有人可以帮我提供一个ideaID需要是唯一的,所以将
id='AddAndSave'
更改为一个类。你正在打印相同的id
AddAndSave
时间这很糟糕
$(“#存储”).html($(“#存储”).html()+
只需使用
append()
。更好的是,构建一个字符串并将其附加到循环的末尾。
$(document).on('click', '.AddAndSave', function(){
  // Do some stuff on click on .AddAndSave
});