Question

我需要在html中创建一个列表，其中包含我从JavaScript函数中获得的结果。我的代码如下

function (data) {
                for(var i=0; i<data.length;i++){
                    alert(data[i].name)
                    $("resultados").innerHTML = data[i].name+"\n"
                }
            }

Answer 1

试试这个。代码使用map和join函数。

function (data) {
  $("resultados").innerHTML = data.map(function(d){ return d.name }).join("\n");
}

Answer 2

这是因为你每次都会覆盖innerHTML。

尝试：

$("resultados").append(data[i].name+"<br />");

此外，我的示例可能无效，因为$("resultados")似乎不匹配任何内容。也许你的意思是$("#resultados")。

Answer 3

您必须使用document.createElement()在DOM中创建列表：

        function createList(data) {
        var ul=document.createElement("ul");
        for(var i=0; i<data.length;i++){
            var li=document.createElement("li");
            li.value=data[i].name;
            li.innerHTML=data[i].name;
            ul.appendChild(li);
        }
        document.body.appendChild(ul);
    }

修改

要将每个元素作为链接，您只需要格式化li元素的内容，如下所示：

li.innerHTML="<a href=\"yourUrlGoesHere\">"+data[i]+"</a>";

请参阅DEMO Fiddle here。

Answer 4

试试这个：

function (data) {
  var htmlString = '';
  for(var i = 0; i < data.length; i++){
      // store the current data item to a temp variable.
      htmlString += data[i].name + "<br>";
  }
  $("#resultados").html(htmlString);
}

从javascript创建一个列表

4 个答案: