【问题标题】:Jquery how to loop data in a specific divJquery如何在特定的div中循环数据
【发布时间】:2012-09-07 01:07:26
【问题描述】:

在我的页面中,我有一个 div id="result" 并且这个 div 已经包含数据。

然后我有一个 ajax 调用来检索循环数据。

$.each(data, function(name, value) {
                document.write(value.email);
              });
// i tried  .html("#result")  but not working.

如何将这些循环数据放入 div id="result" 并替换之前的内容。

【问题讨论】:

  • 例如:$('#result').html(value.email);

标签: jquery html loops each


【解决方案1】:

你快接近了,但你需要先建立html,然后将它写入div内容..

var html = '';
$.each(data, function(name, value) {
     html += value.email;
 });

$("#result").empty().append(html);

【讨论】:

    【解决方案2】:
    var html = '';
    $.each(data, function(name, value) {
        html += value.email;
    });
    
    $('#result').html( html );
    

    我认为,当您循环数据时,您似乎有多个 emeil 地址。因此,您可以创建一个包含所有循环数据(电子邮件)的字符串,然后将其设置为 html()#request,而不是在循环中一次又一次地附加到 #result

    .html() 将替换以前的数据并将 #request 内容更新为新结果。

    【讨论】:

      【解决方案3】:

      您需要将数据附加到结果 div:

      var resultElement = $("#result");
      $.each(data, function(name, value) {
          resultElement.append(value.email);
      });
      

      您所做的是写入文档而不是 result div。

      【讨论】:

        【解决方案4】:

        您的语法不正确。你想要:

        $.each(data, function(name, value) {
            $("#result").html(value.email);
        });
        

        the method's documentation

        【讨论】:

        • 对不起,我打错了。我实际上使用了你的但没有工作,因为它不会循环数据。但是 nvm 我从@thecodeparadox 得到了答案。
        猜你喜欢
        • 1970-01-01
        • 2022-01-24
        • 1970-01-01
        • 1970-01-01
        • 2019-05-20
        • 2012-11-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多