-2

Javascript を使用して、この構造のテーブルに行を追加するにはどうすればよいですか?

基本的に、ボタンをクリックして、以下で使用される各列のテーブル内に新しい行を作成できるようにしたいと考えています。たとえば、名前: 新しい本、数量: 30 などです。

<table id="dynamictable">
    <tbody>
        <tr>
            <td class="name">My Favorite book</td>
            <td class="quantity">x&nbsp;20</td>
            <td class="unit_price">£8.99</td>
            <td class="total">£179.80</td>
            <td class="remove">
                <img src="image/cross.png">
            </td>
        </tr>
    </tbody>
</table>
4

2 に答える 2

0
var newRow = '<tr><td class="name">New Book</td>[...]</tr>'; // add all your code here
$('#dynamictable tbody').append(newRow);

それを行う必要があります(テストされていません)。

于 2013-03-04T15:00:32.117 に答える
0

ボタンのクリック時に最初の行を複製します。新しいデータを入力します。次に、それをテーブルに追加します。

$( '#mybutton' ).click(function(){
    var tr = $('#dynamictable tr').eq(0).clone();

    tr.find('td').each(function(){
        $(this).html( 'Put Your Data Here.' );
    });

    $('#dynamictable').append(tr);


});

jsFiddle: http://jsfiddle.net/4hrVQ/1/

于 2013-03-04T15:11:50.340 に答える