0

trクラスの行のクローンを作成したいと思います。したがって、ユーザーがボタンをクリックすると、行が複製され、最後の行の下に設定されます。

私は現在次のコードを使用していますが、正しく機能しません。私はおそらく正しくありません。

JS：

var row = jQuery('.ui-sortable').closest('.ui-sortable').find('tbody tr.row.ui-sortable:last-child');
var clone = row.clone();

複製されたフィールドは次のようになります。

HTMLマークアップ：

echo '<tbody class="ui-sortable">';
echo '<tr class="row">';
echo '<td class="order">1</td>';

// Do some stuff inside the row.

echo '<td class="remove"><a class="repeatable-remove button" href="#">-</a></td>';
echo '</tr>'; // End .row
echo '</tbody>';

javascriptの最初のコードスニペットは正しくないと思います。

4

1 に答える 1

0

ボタンが複製したい行内にある場合、次のようなものが機能するはずです。（正確には正しくないかもしれませんが、おそらく近いでしょう）。

$('#your-table').on('click', '.copy-row-button', function() {
  var 
    $table = $(this).closest('table'),
    $row = $(this).closest('tr'),
    $newRow = $row.clone();

  $table.append($('<tbody/').append($newRow));
});

<tbody>Internet Explorer<tr>で既存のテーブル本体に a を追加する際に問題が発生する可能性があるため、新しい要素でラップされた行を追加しました。

このコードでは、テーブルとボタンにも独自のセレクターを使用しています。必要な id/class 値を使用してページを作成できます。

于 2013-01-19T17:29:03.870 に答える