Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

jQueryを使用してテーブルから行を削除するにはどうすればよいですか？

イベント委任を使用して、jQueryを使用してWebページのテーブル行を新規追加および削除するためのボタンを含めます。

まず、削除ボタンを設定します：

<button type="button" class="deletebtn" title="Remove row">X</button>

ボタンをクリックしたときにイベントを発生させるには、jQuery on（）メソッドを使用します。

$(document).on('click', 'button.deletebtn', function () {
   $(this).closest('tr').remove();
   return false;
});

以下は、jQueryを使用してテーブルから行を削除する完全なコードです。

例

<!DOCTYPE html>
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
   $(document).ready(function(){
      var x = 1;
      $("#newbtn").click(function () {
         $("table tr:first").clone().find("input").each(function () {
            $(this).val('').attr({
               'id': function (_, id) {
                     return id + x
               },
               'name': function (_, name) {
                  return name + x
               },
               'value': ''
         });
      }).end().appendTo("table");
      x++;
   });

   $(document).on('click', 'button.deletebtn', function () {
      $(this).closest('tr').remove();
      return false;
   });
});
</script>
</head>
<body>
<table>
<tr>
<td>
<button type="button" class="deletebtn" title="Remove row">X</button>
</td>
<td>
<input type="text" id="txtTitle" name="txtTitle">
</td>
<td>
<input type="text" id="txtLink" name="txtLink">
</td>
</tr>
</table>
<button id="newbtn">Add new Row</button>
</body>
</html>

  1. Tkinterボタンを使用してPythonを終了する方法は？

    Tkinterボタンを使用してPythonを終了するには、以下の手順に従います- ステップ- tkinterライブラリをインポートし、tkinterフレームのインスタンスを作成します。 ジオメトリを使用してフレームのサイズを設定します メソッド。 ウィンドウを閉じるための関数close（）を定義します。メソッドwin.destroy（）を呼び出します close（）内 。 次に、ボタンを作成して close（）を呼び出します 機能。 最後に、メインループを実行します アプリケーションウィンドウの。 例 # Import the library from tk

  2. PythonでMySQLを使用してテーブルからレコードを削除するにはどうすればよいですか？

    テーブルから特定の行を削除する必要がある場合があります。クラスの生徒の詳細の表があるとします。生徒の1人がクラスを離れた可能性があるため、その特定の生徒の詳細は必要ありません。したがって、その特定の行またはレコードをテーブルから削除する必要があります。 MySQLの「DELETEFROM」ステートメントは、テーブルから行またはレコードを削除するために使用されます。「WHERE」句は、削除する行を指定するために使用されます。 WHERE句を使用しない場合、すべてのレコードが削除されます。 構文 すべての行を削除 − DELETE FROM table_name 特定の行を削除する −