0

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>');
  });
});

append ステートメントを複数行にするにはどうすればよいですか? 追加する必要がある非常に大きなデータ セルの行があり、それを 1 つの長いコード行にまとめると、非常に面倒で混乱します。

私もそれのためにフィドルを作りました。

4

1 に答える 1

3

文字列連結を使用するため、次のようになります。

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

ここにフィドルがあります

ECMAScript6 では、バックティックを使用して以下が機能します。

$('#Table1').find('tbody:last').append(`<tr>  
                                            <td>Hello World</td> 
                                        </tr>`
                                       );
});
于 2013-06-09T02:45:38.527 に答える