Question

我正在尝试使用带有以下代码的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);

出现以下错误

Uncaught SyntaxError: Unexpected string

Answer 1

符号'被认为是控制符号，因此必须转义（\'）。因此，您得到的是无效值而不是字符串。

这将是正确的：

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变量的内容，则需要执行以下操作：

|COL_A | COL_B |
|------|-------|
|24.38 | 95.83 |
|36.15 | 96.99 |
|37.90 | 98.13 |
|41.14 | 98.75 |
|63.45 | 98.77 |
|74.95 | 99.04 |
|77.15 | 99.30 |

Answer 2

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

tr += '<td></td>';

应该是

tr += '<td></td>';

使用jQuery将动态数据附加到表主体中

2 个答案: