jquery - jQueryボタンクリックによる動的行の削除

Question

各行にいくつかの情報と削除ボタンがセルとして含まれているテーブルがあります。削除ボタンをクリックすると、ボタンが含まれている行が hide() になるはずです。これを修正するにはどうすればよいですか?

Answer 1

確かに、表示行にイテレータを使用しました。そのデルボタン/セルとjQueryの書き込みにクラスを追加します。

jQuery(".<class name>").click(function (){
    jQuery(this).parent("tr").hide();
});

それがうまくいくことを願っています。

Answer 2

次のように実行できます。

      <tr>
        <td>Info Here</td><td>Another Info Here</td><td><input type="button" value="Delete Row" class="delete_button"></td>
      </tr>

そしてjsファイルで：

$(".delete_button").click(function(){
  $(this).parent().parent().hide()
});

jqueryがあることを確認してください。

Answer 3

html が次のようになっている場合:

<tr><td>Some info</td><td><button>Delete</button></td></tr>

次に、これをボタンのクリックイベントにバインドできます

$(this).parents("tr").hide();

お役に立てれば。