javascript - 使用代码中的多行将行附加到 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>');
  });
});

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

我什至也为它做了一个小提琴。

Answer 1

使用字符串连接，所以：

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

这是一个小提琴

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

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