如何使用动态数量的DIV标记使用Ajax每个函数

时间:2016-03-19 10:10:09

标签: javascript jquery ajax

我的代码点火器mysql JSON响应内容大量的电子邮件地址。我应该如何为每个电子邮件地址添加每个div标记。现在只显示上一个电子邮件地址

$(document).ready(function() {
  $('#option1').click(function() {
    $.ajax({
      url: '<?php echo base_url(); ?>' + 'main/studentdetails',
      dataType: "JSON",
      type: "POST",
      success: function(retdata) {
        $.each(retdata, function(i, item) { //i = number of records
          $(".target").html(retdata[i].email);
        });
      }
    });
  });
});
<body>
  <input type="button" id="option1">
  <div class='target'>
  </div>
</body>

1 个答案:

答案 0 :(得分:2)

您需要使用 append() 而不是 html() ,否则它将替换之前的值,并显示最后一个值。

$(".target").append(item.email);