javascript - 如何显示由中断分隔的跨度标记值

Question

我有一个跨度标签，<span id="display"></span> 并通过$("#display").html();

for (var i = 0; i < arr.length; i++) {
   var val = $("#display").html();
   if (val == "") {
      $("#display").html(arr[i].name);
      $("display").html('<img src ="/Home/Image?id = arr[i].id"/>')
     }
   else {
      $("#display").html(val +" <br/> " + arr[i].name);
     $("display").html('<img src ="/Home/Image?id = arr[i].id"/>')
   }
}

我想用中断显示每条记录的名称和图像。我已经像上面那样实现了，名称正在显示但图像没有显示。我想显示喜欢，名称和图像标签

Answer 1

$("#display").html(val +" <br/> " + arr[i].name);

Answer 2

你必须使用：

for (var i = 0; i < arr.length; i++) {
    var val = $("#display").html();

    if (val == "") {
        $("#display").html(arr[i].name);
    }
    else {
        $("#display").html(val +" <br/> " + arr[i].name);
    }
}

或者

for (var i = 0; i < arr.length; i++) {
    var val = $("#display").text();

    if (val == "") {
        $("#display").text(arr[i].name);
    }
    else {
        $("#display").text(val +" \n " + arr[i].name);
    }
}

Answer 3

使用html()代替 text()：

 if (val == ""){
     $("#display").html(arr[i].name);
 }
 else {
     $("#display").html(val +" <br/> " + arr[i].name);
 }