Javascript 使用jquery将动态数据追加到表体

我尝试使用jquery将动态数据附加到表体中，代码如下。不知道我错在哪里

var tr = '<tr class="v-middle">';
      tr += '<td><span><i class="'.icon_code.' _icons"></i></span></td>';
      tr += '<td class="flex text-color">'+icon_name+'</td>';
      tr += '<td class="text-color">'+icon_code+'</td>';
      tr += '<td class="text-color">'+icon_code_css+'</td>';
      tr += '<td><span class="text-color">Material Design</span></td>';
      tr += '<td><span class="badge bg-primary-lt">Copy</span> <span class="badge bg-primary-lt">Copy script</span></td>';
      tr += "</tr>";
     $('#icontable tbody').append(tr);

---

您在第二行代码中使用了错误的连接运算符：

tr+=

应该是

---

tr+=

符号“被视为控制，因此必须转义\”。因此，得到的是无效值而不是字符串

它将是这样正确的：

var tr = '<tr class="v-middle">';
      tr += '<td><span><i class=\'.icon_code.\'_icons></i></span></td>';
      tr += '<td class="flex text-color">'+icon_name+'</td>';
      tr += '<td class="text-color">'+icon_code+'</td>';
      tr += '<td class="text-color">'+icon_code_css+'</td>';
      tr += '<td><span class="text-color">Material Design</span></td>';
      tr += '<td><span class="badge bg-primary-lt">Copy</span> <span class="badge bg-primary-lt">Copy script</span></td>';
      tr += "</tr>";

如果希望类被称为icon_code变量的内容，则需要执行以下操作：

var tr = '<tr class="v-middle">';
      tr += '<td><span><i class=.' + icon_code + '. _icons></i></span></td>';
      tr += '<td class="flex text-color">'+ icon_name+'</td>';
      tr += '<td class="text-color">'+icon_code+'</td>';
      tr += '<td class="text-color">'+icon_code_css+'</td>';
      tr += '<td><span class="text-color">Material Design</span></td>';
      tr += '<td><span class="badge bg-primary-lt">Copy</span> <span class="badge bg-primary-lt">Copy script</span></td>';
      tr += "</tr>";

---

使用+而不是。在第二行“.icon_code.”中，这不是正确的转义。Maheeali和Kunal说您需要替换。到+

var tr = '<tr class="v-middle">';
      tr += '<td><span><i class=.' + icon_code + '. _icons></i></span></td>';
      tr += '<td class="flex text-color">'+ icon_name+'</td>';
      tr += '<td class="text-color">'+icon_code+'</td>';
      tr += '<td class="text-color">'+icon_code_css+'</td>';
      tr += '<td><span class="text-color">Material Design</span></td>';
      tr += '<td><span class="badge bg-primary-lt">Copy</span> <span class="badge bg-primary-lt">Copy script</span></td>';
      tr += "</tr>";