使用代码中的多行将行附加到 HTML 表

Question

我想使用 JQuery 向 HTML 表中添加一行。这句话效果很好：

$(document).ready(function(){
  $('#AddRow').click(function(){
    $('#Table1').find('tbody:last').append('<tr> <td>Hello World</td></tr>');
  });
});

这个没有：

$(document).ready(function(){
  $('#AddRow').click(function(){
    $('#Table1').find('tbody:last').append('<tr>
                                              <td>Hello World</td>
                                            </tr>');
  });
});

如何使我的追加语句跨越多行？我有一排非常大的数据单元格需要添加，然后将它们混合成一长行代码会非常混乱和混乱。

I even made a fiddle for it as well.

Answer 1

使用字符串连接，所以：

$('#Table1').find('tbody:last').append('<tr>' + 
                                           '<td>Hello World</td>' + 
                                       '</tr>');
 });

Here's a fiddle

在 ECMAScript6 中，以下内容将使用反引号：

$('#Table1').find('tbody:last').append(`<tr>  
                                            <td>Hello World</td> 
                                        </tr>`
                                       );
});