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

Question

我有一个包含一组字符串的 JavaScript 数组。我想使用 j Query 或 JavaScript 在 HTML div 元素中逐行显示它们。

我的代码到此为止:

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

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

  $(target).html('<a>'+data[i]+'</a>');
}

我的数据显示在此刻。

Labelling MachinesLabels - Plastic, Metal, Foil etcLabels FabricLaboratories - MedicalLaboratories - TestingLaboratory Equipment & SuppliesLaboratory Equipment Services & Calibration

我希望它们像这样显示为链接(在标签内):

Labelling Machines
Labels - Plastic, Metal, Foil etc
Labels Fabric
Laboratories - MedicalLaboratories - Testing
Laboratory Equipment & Supplies
Laboratory Equipment Services & Calibration

提前致谢

Answer 1

你应该在链接标签之外添加中断，并且只使用 .html() 一次，因为它完全取代了给定元素的 innerHTML，即

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

我会建议另一种方法，使用 innerHTML (javascript) 或 append (jquery) 作为另一个答案已经提到

for (i = 1; i <= data.length; i++) {
    target.innerHTML += "<a>" + data[i] + "</a><br />";
}