Javascript jQuery.append（）<；tr>；及<；td>；添加'；s<；td>；在<；tr>；

我使用输入在表单中收集信息，然后动态地将其构建到一个表中，这两个示例都很好，但是当我添加一个删除按钮时，我注意到第一个示例中的

。我相信这是因为自动关闭，但如果我将其添加到第二个附加中，它将显示为“”。。。它将第一个td放在自己的行上，其余td放在新的行上

知道我做错了什么吗？知道我该怎么解决吗。把所有东西都放在一条长线上是可行的，但我不喜欢我的代码看起来有多凌乱

var$tbodyAppend=$（'table>tbody:last child'）；
//这会将的置于tr之外，但在页面上看起来是正确的
$tbodyAppend.追加（“”）；
$tbodyAppend.追加（“”）；
$tbodyAppend.追加（“”）；
$tbodyAppend.追加（“”）；
//这就把‘s’放在了
$tbodyAppend.追加（“”）

第1栏
第2栏
第3栏
他们在外面，因为你把他们放在外面。不关闭
并不意味着没有附加整个
tr
元素

相反，使用模板文本追加单个字符串

var $tbodyAppend = $("table > tbody:last-child").append(`
  <tr>
    <td><span> ${variableHere} </span></td>
    <td><span></span></td>
    <td><span></span></td>
  <tr><td><span></span></td><td><span></span></td><td><span></span></td>
`);

var$tbodyAppend=$（“表>tbody:last child”）.append(`
${variableHere}
`);

这不仅允许多行字符串，而且还允许您在需要时使用字符串插值将任何表达式值插入字符串。
它们在外部，因为您将它们放在外部。不关闭
并不意味着没有附加整个
tr
元素

相反，使用模板文本追加单个字符串

var $tbodyAppend = $("table > tbody:last-child").append(`
  <tr>
    <td><span> ${variableHere} </span></td>
    <td><span></span></td>
    <td><span></span></td>
  <tr><td><span></span></td><td><span></span></td><td><span></span></td>
`);

var$tbodyAppend=$（“表>tbody:last child”）.append(`
${variableHere}
`);

这不仅允许多行字符串，还允许您在需要时使用字符串插值将任何表达式值插入字符串。
追加时引用的DOM元素错误。这样试试

var $tbodyAppend = $('tbody');
$tbodyAppend.append("<tr><td><span></span></td><td><span></span></td><td<span</span></td></tr>");

var$tbodyAppend=$（'tbody'）；
$tbodyAppend.append（“追加时引用了错误的DOM元素。请尝试这种方法

var $tbodyAppend = $('tbody');
$tbodyAppend.append("<tr><td><span></span></td><td><span></span></td><td<span</span></td></tr>");

var$tbodyAppend=$（'tbody'）；
$tbodyAppend.append（“我正在将输入字段中的变量插入variableHere。我一直在使用+来表示所有变量。插入变量时也可以这样做吗？很抱歉，我应该说清楚。@Hunter:字符串插值语法可以处理它。我将在代码中添加一个示例。当我尝试时，我得到了一个无效或意外的未捕获语法错误ken.jshint说未终止的字符串文字和JSX表达式必须有一个父元素。我肯定我做错了什么，如果您还有任何建议，我将不胜感激。谢谢您的帮助！@Hunter:不确定。在这里工作：但在旧浏览器中不起作用。您需要将代码传输到ECMAScript 5中。我正在插入变量fr在这里将输入字段转换为variable。我一直在使用+来表示所有内容。在插入变量时也可以这样做吗？很抱歉，我应该说清楚。@Hunter:字符串插值语法可以处理它。我将向代码中添加一个示例。当我尝试时，我得到了一个未捕获的SyntaxError无效或意外标记。jshint说Unterminated字符串文字和JSX表达式必须有一个父元素。我肯定我做错了什么，如果您还有任何建议，我将不胜感激。感谢您的帮助！@Hunter:不确定。此处工作：但在旧浏览器中不起作用。您需要将代码传输到ECMAScript 5中。