Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在jQuery.html()函数中打印javascript数组值?_Javascript_Jquery_Html - Fatal编程技术网

如何在jQuery.html()函数中打印javascript数组值?

如何在jQuery.html()函数中打印javascript数组值?,javascript,jquery,html,Javascript,Jquery,Html,我有一个JavaScript数组,其中包含一组字符串。我想使用jquery或JavaScript在htmldiv元素中逐行显示它们 我的代码到现在为止: var data = data; for (i = 1; i <= data.length; i++) { data[i] = data[i] + '<br />'; $(target).html('<a>'+data[i]+'</a>'); } 我希望它们显示为链接(内部标记): 提前感

我有一个JavaScript数组,其中包含一组字符串。我想使用jquery或JavaScript在htmldiv元素中逐行显示它们

我的代码到现在为止:

var data = data;
for (i = 1; i <= data.length; i++) {

  data[i] = data[i] + '<br />';

  $(target).html('<a>'+data[i]+'</a>');
}
我希望它们显示为链接(内部标记):

提前感谢

var data=data;
var data = data;
var str = '';
for (var i = 1; i <= data.length; i++) {

  str += `<a>${data[i]}<br /></a>`;

}
$(target).html(str);
var-str='';
对于(var i=1;i您应该在link标记之外添加分隔符,并且只使用一次.html(),因为它完全替换给定元素的innerHTML,即

str = "";
for (i = 1; i <= data.length; i++) {
    str += "<a>" + data[i] + "</a><br />";
}
$(target).html(str);
str=”“;

对于(i=1;i来说,最干净的方法将被包装在一个div中。您需要使用.append()方法来不重写已经添加到目标中的初始数据

var data=[“你好”、“世界”、“知识”、“益普生”、“更长”];
对于(变量i=0;i
.link{
颜色:#5ca5cc;
边缘底部:10px;
文字装饰:无;
}

此处的代码不完整。不确定是否在代码中的任何位置声明了变量
i
。此外,您正在开始从第一个索引循环

不要在每次迭代时都附加到DOM中,而是创建一个字符串并将值添加到其中。在迭代完成时附加它

var data = data,
htmlString="";
for (var i = 0; i <= data.length; i++) {
htmlString+= data[i] + '<br />';
}
$(target).append(htmlString);
var数据=数据,
htmlString=“”;

对于(var i=0;i而不是
for/loop
,您可以在一行中使用ES6和一个


$(target).html(arr.map(el=>`

您需要使用append方法检查我的答案。
html()
方法在每次迭代loop@charlietfl这就是我使用append方法的原因。这只会创建一个包含项目列表的
。没有意义
str = "";
for (i = 1; i <= data.length; i++) {
    str += "<a>" + data[i] + "</a><br />";
}
$(target).html(str);
for (i = 1; i <= data.length; i++) {
    target.innerHTML += "<a>" + data[i] + "</a><br />";
}
var data = data,
htmlString="";
for (var i = 0; i <= data.length; i++) {
htmlString+= data[i] + '<br />';
}
$(target).append(htmlString);
$(target).html(arr.map(el => `<a>${el}</a><br/>`));