从javascript创建列表
我需要在html中创建一个列表,其中包含从JavaScript函数获得的结果。 我的代码如下从javascript创建列表,javascript,Javascript,我需要在html中创建一个列表,其中包含从JavaScript函数获得的结果。 我的代码如下 function (data) { for(var i=0; i<data.length;i++){ alert(data[i].name) $("resultados").innerHTML = data[i].name+"\n" }
function (data) {
for(var i=0; i<data.length;i++){
alert(data[i].name)
$("resultados").innerHTML = data[i].name+"\n"
}
}
功能(数据){
对于(var i=0;i试试这个。代码使用map
和join
函数
function (data) {
$("resultados").innerHTML = data.map(function(d){ return d.name }).join("\n");
}
这是因为您每次都会覆盖innerHTML
尝试:
$(“resultados”).append(数据[i].name+“
”);
另外,我的示例可能不起作用,因为$(“resultados”)
似乎与任何内容都不匹配。可能您的意思是$(“#resultados”)
您必须使用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);
}
请参阅。尝试以下操作:
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);
}
功能(数据){
var htmlString='';
对于(变量i=0;i”;
}
$(“#resultados”).html(htmlString);
}
有什么问题吗?请您进一步解释并发布一篇文章好吗?数据并不总是返回相同数量的结果。我需要将这些结果作为列表打印在我的html文件中,但我不知道怎么做。resultados
是ul
还是ol
元素?您可以发布数据的内容吗
object?resultados是html中的一个div元素。数据对象的内容是{[id:“1”,name:“the_Real_name”]},如果我想让li中的这些名称成为链接,我该怎么做?@AsierGR只需更改li
的内部html,请参阅我的编辑。
li.innerHTML="<a href=\"yourUrlGoesHere\">"+data[i]+"</a>";
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);
}