如何在$ .each中的td中添加img标签

时间:2016-05-31 12:48:33

标签: javascript jquery html asp.net-mvc razor

 $.each(segment, function (index, innerSegment)
      {
       var tr;
         for (var i = 0; i < segment.length; i++) {
              tr = $('<tr/>');
              tr.append("<td>" + <img src="~/Content/left.jpg"/> + + segment[i].Airline.AirlineName + "</td>");  

首先,我将$ .each循环中的数据分配给表。 在你可以看到的最后一行中,我发现很难分配 tr.append标记中的img src标记。

我在语法中遗漏了一些东西。请告诉我应该怎么做。

2 个答案:

答案 0 :(得分:1)

在td中显示图像有一个简单的问题。但是,我一直试图展示一个图像。最后,这条线帮助了我:

  $.each(segment, function(index, innerSegment) {
  var tr;
  tr = $('<tr/>');
  tr.append('<td><img src="../Content/left.jpg"/>' +
   innerSegment.Airline.AirlineName + "</td>");
     // rest of the code 
  });

简单地用(..)替换波形符号(〜)为我做了诀窍

答案 1 :(得分:0)

代码中的一些错误

  1. 在追加字符串时错位了引号。
  2. img标记为自闭标记,</img>无效。
  3. 您已经在使用$.each进行迭代,因此我认为可以避免循环。
  4. $.each(segment, function(index, innerSegment) {
      var tr;
      tr = $('<tr/>');
      tr.append('<td><img src="left.jpg"/>' +
        innerSegment.Airline.AirlineName + "</td>");
      // rest of the code 
    });