動的に生成されたテーブル行を削除するにはどうすればよいですか？

Question

私は他の誰かのコードをプロジェクト用に編集していましたが、今はいつも遭遇してしまい、ある種のJavascriptの機能が何をしているのか把握しようとしています。

基本的には、行削除ボタンを追加したいのですが、頭痛の原因になります。

だから、動的に生成された行のテキストは、このPHP変数によって行われます。追加行ボタンがある場合は

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

：JavaScriptで行を生成する

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

と、関数このアクションが実行されます：

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

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

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

Answer 1

あなたが使用することができ、コメントの最後の行を述べたので、基本的には上記のコードによって生成された最後の行を削除...そう行rowIndexに== 5か何か

を削除するのです

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

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

、以下のようなものを試してみて、最後の行を取得する :lastセレクタ

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