jquery - jQuery / JSを使用して、クリックしたときに入力行（）を非表示にするにはどうすればよいですか？

Answer 1

.closestjqueryでメソッドを使用できます。

$(".close a").on("click", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});

（またはデリゲートを使用すると、特定のタスクにより適している場合があります）：

$("table").on("click", ".close a", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});

コード例はjQuery1.7以降用です

下位バージョンを使用している場合は、次を使用できます。

$("table").delegate(".close a", "click", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});

少し警告があります。これにより、ドキュメント内のすべてのテーブルでイベントがバインドされ、テーブルセレクターがもう少しユニークになるように変更されます。

Answer 2

テーブルに「my_table」IDを追加して、これを使用します：

$(function(){
    $("#my_table").on('click','.close',function(event){
        event.preventDefault();
        $(this).closest('tr').remove();
    });
});