Question

我有一个名为desc的数组，其中包含每个值的一些文本，并根据用户点击的内容更改长度和值。

数组：

desc[0] =  "manhole cover on foothpath on barrog gaa grounds kilbarrack road loose."
desc[1] =  "Footpath at driveway to 17 Maywood Lawn in bad state of disrepair."

我想在名为#container的div中显示这些数组值。目前它只是打印#container中数组的最后一个值，而不是打印列表中的每个值。

JavaScript的：

 function incidentList(){
            for(var i=0; i<desc.length; ++i){
             $("#container").text(desc[i]);
        }
      }

HTML：

<div id="container" style="width: 50%; height:97%; float:right;"></div>

我应该如何使用循环打印最后一个数组值的完整列表？

Answer 1

function incidentList(){
  var full_list = ""
  for(var i=0; i<desc.length; ++i){
      full_list = full_list + desc[i] + '<br>'
  }
  $("#container").text(full_list);     
}

Answer 2

或者简单地说：

$('#container').text(desc.join('\r\n'));

Answer 3

function incidentList(){
   for(var i=0; i<desc.length; ++i){
       $("#container").text( $("#container").text() + desc[i] + '<br/>');
   }
}

Answer 4

您需要使用jQuery .append方法而不是.text

Answer 5

 function incidentList(){
        for(var i=0; i<desc.length; ++i){
         $("#container").append(desc[i] +"<br/>");
    }
  }

这应该有效

Answer 6

试试这个

function incidentList(){
            for(var i=0; i<desc.length; ++i){
             $("#container").append(desc[i]);
        }
      }

方法.text()将替换div的内容，但.append()将附加，因此您将显示所有数据。

使用loop to div动态打印数组列表值

6 个答案: