如何在javascript中创建img标签字符串

Question

我正在尝试在 javascript 中创建图像标记字符串。此图像标记位于表格行字符串的一部分。最后，我将使用 jquery 将此表行字符串附加到 mvc webgrid。

我有一个返回这个新行的 javascript 函数

function getNewRow(email, friendlyName) {
 var imgSrc = "/Content/Images/User.png";

 // Create the new row html
 var newRow = '<tr class=\"' + rowClass + '\">' +    
'<td><text><img src\"' + imgSrc + '\"></text></td>' +
 '<td>' + email + '</td>' +    
 '<td>' + friendlyName + '</td>' +     
 '</tr>'
 return newRow;
  }

我会将返回的字符串附加到 webgrid 对象。

// Append the new Row
 $('#group').append(newRow);

但是图像标签没有显示正确的图像。附加后删除正斜杠。使用了 encodeURIComponent 函数但没有用。 如何使其正确显示图像。

Answer 1

你有<img src\"' + imgSrc + '\"></text></td>，而它应该是<img src=\"' + imgSrc + '\"></text></td>。注意缺少的=。

Answer 2

您的 newRow 声明的第二行似乎有错字，您在 src 属性后缺少 = 符号