0

私はプロジェクトのために他の誰かのコードを編集してきましたが、特定の Javascript 関数がどのように機能しているかを理解しようとすると、時々つまずきます。

基本的に行削除ボタンを追加したいのですが、頭痛の種です。

したがって、動的に生成される行のテキストは、次の PHP 変数によって作成されます。

$rowtext .= '<tr>something</tr>';

次に、Javascript で行を生成する関数:

function generateRow(x) {';
            var row_prototype = \'' . $rowtext . '\';
            return row_prototype.replace(/\[index\]/g, x);
            }

行の追加ボタンをクリックすると、次のアクションが実行されます。

rowIndex = 1;
function addRow() {
            var nr = generateRow(rowIndex); 
            rowIndex = rowIndex + 1;
            jQuery(\'tbody\').append(nr);';
}

rowIndex などを考慮して、クリック時に同様の機能を実行する必要があると思います。

誰にもアイデアはありますか？

4

1 に答える 1

1

基本的には、上記のコードによって生成された最後の行を削除することです...したがって、行 rowIndex == 5 または何かを削除します

コメントの最後の行について言及したので:last、セレクターを使用して最後の行を取得できます。以下のようなものを試してください。

$('#removeRow').click(function () {
    $('#table_selector tbody tr:last').remove();
});

そして、マークアップのどこかに下のようなボタン、

<button id="removeRow">Remove a Row</button>

注:#table_selector tbody特定のテーブル ID/クラスで修正する必要があります。

于 2012-05-03T22:08:11.553 に答える