2016-07-12 11 views
-2
 <table id="myList"> 
       <thead> 
        <tr> 
         <th>Product ID</th> 
         <th>Product Name</th> 
         <th>Quantity</th> 
         <th>&nbsp;</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <td>123</td> 
         <td>Hello</td> 
         <td>2</td> 
         <td><button>Delete</button></td> 
        </tr> 
       </tbody> 
      </table> 

こんにちは、は、上記のように、私はテーブルを持っているテーブルの行のボタンをクリックするとJavaScript

を使用して行を削除します。私はボタンの削除をクリックした後に特定の行を削除できるようにしたい。

[削除]ボタンをクリックした後、特定の選択行を削除するにはどうすればよいですか?

+0

任意のjQueryを削除することになるだろうになります - または単にプレーンなバニラのjavascript? – Jamiec

+0

純粋なjavascriptを使用していますか?あるいは、jQueryやその他のフレームワークを使用していますか? –

+1

これを実行する数千の例が、SOと他の場所の両方にあります。それの具体的な部分は何ですか?あなたの研究で何が見つかりましたか?あなたが見つけたものを使用しようとしたところで問題が発生していますか? –

答えて

1

rowIndexを使用して、削除する必要がある行を見つけることができます。

使用

は、このスニペットが役に立つことを願って行を削除するdeleteRow方法。ここで

xボタン

x.parentElementボタン

x.parentElement.parentElementを含まtdが必要tr

function delRow(x){ 
    document.getElementById("myList").deleteRow(x.parentElement.parentElement.rowIndex); 
    } 

JSFIDDLE

関連する問題