Jquery 单击其他按钮时的live table delete按钮

我是Jquery新手，我试图在单击另一个名为“编辑”的按钮时删除一个名为“删除”的按钮。 我不知道如何处理这个问题，我在StackOverflow中搜索过，但我发现只有在静态表中更改按钮，而不是在这样的动态表中更改按钮。
代码如下：

PHP表

<table>
    <tr>
     <th>Nome</th>
     <th>Cognome</th>
     <th>Username</th>
     <th>Email</th>
     <th>Password</th>
     <th>Azioni</th>
    </tr>
<?php
    foreach($result as $row){
        echo "<tr data-row='{$row['iduser']}'>";
        echo "<td data-column='name'>" . $row['name'] . "</td>
              <td data-column='surname'>" . $row['surname'] . "</td>
              <td data-column='username'>" . $row['username'] . "</td>
              <td data-column='email'>" . $row['email'] . "</td>
              <td data-column='password'>" . $row['password'] . "</td>
              <td><button type='button' class='btn btn-info'>EDIT</button>
              <button type='button' class='btn btn-delete'>DELETE</button></td>";
        echo "</tr>";
    }
?>

</table>

诺姆
同源的
用户名
电子邮件
密码
阿齐奥尼
由于您已经针对父
TR
元素，请将其用作上下文

$(".btn-delete", parent).remove();
//parent.find(".btn-delete").remove();    

由于您已经针对父
TR
元素，请将其用作上下文

$(".btn-delete", parent).remove();
//parent.find(".btn-delete").remove();    

您必须删除下一个删除按钮并尝试使用

或者你可以用like

如果你有
parent
，那么直接使用它，就像

parent.find(".btn-delete").remove();

此外，您还可以使用来缩短代码，例如

$(document).on("click", ".btn-info", function(){
    var parent = $(this).closest("tr");
    parent.find(".btn-delete").remove();

    var id = $(parent).attr("data-row");
    //var name = $(parent).children("[data-column='name']");
    //var surname = $(parent).children("[data-column='surname']");
    //var username = $(parent).children("[data-column='username']");
    //var email = $(parent).children("[data-column='email']");
    //var password = $(parent).children("[data-column='password']");

    //var nameTxt = $(name).html();
    //var surnameTxt = $(surname).html();
    //var usernameTxt = $(username).html();
    //var emailTxt = $(email).html();
    //var passwordTxt = $(password).html();


    // use html callback
    name.html(function(){
         return "<input name='name' data-dc='name' value='" + $(this).text() + "'>"
    });
    surname.html(function(){
         return "<input name='surname' data-dc='surname' value='" + $(this).text() + "'>"
    });
    username.html(function(){
         return "<input name='username' data-dc='username' value='" + $(this).text() + "'>"
    });
    email.html(function(){
         return "<input name='email' data-dc='email' value='" + $(this).text() + "'>"
    });
    password.html(function(){
         return "<input name='password' data-dc='password' value=''>"
    });
});

$（document）.on（“单击“，”.btn info“，函数（））{
var parent=$（this.recessed（“tr”）；
find（“.btn delete”）.remove（）；
变量id=$（父）.attr（“数据行”）；
//变量名称=$（父）.children（“[data column='name']”）；
//变量姓氏=$（父）.children（“[数据列='姓氏']”）；
//var username=$（parent）.children（“[data column='username']”）；
//var email=$（父）.children（“[data column='email']”）；
//var password=$（parent）.children（“[data column='password']”）；
//var nameTxt=$（name.html（）；
//var namesTXT=$（姓氏）.html（）；
//var usernameTxt=$（username.html（）；
//var emailTxt=$（email.html（）；
//var passwordTxt=$（password.html（）；
//使用html回调
name.html（函数（）{
返回“”
});
html（函数（）{
返回“”
});
username.html（函数（）{
返回“”
});
email.html（函数（）{
返回“”
});
html（函数（）{
返回“”
});
});

或者更好的方法是

$(document).on("click", ".btn-info", function(){
    var parent = $(this).closest("tr");
    parent.find(".btn-delete").remove();

    var id = $(parent).attr("data-row");
    $('[data-column]').each(function(){
       var self = $(this);
       self.html(function(){
          key = self.attr('data-column');
             return "<input name='"+key+"' data-dc='"+key+"' value='"+self.text()+"'>"
       });
    });
    // need to blank password field here,
    parent.find("[data-dc='password']").val('');
});

$（document）.on（“单击“，”.btn info“，函数（））{
var parent=$（this.recessed（“tr”）；
find（“.btn delete”）.remove（）；
变量id=$（父）.attr（“数据行”）；
$（“[数据列]”）。每个（函数（）{
var self=$（这是）；
html（函数（）{
key=self.attr（'data-column'）；
返回“”
});
});
//需要在此处空白密码字段，
find（“[data dc='password']”）val（“”）；
});
您必须删除下一个删除按钮并尝试使用

或者你可以用like

如果你有
parent
，那么直接使用它，就像

parent.find(".btn-delete").remove();

此外，您还可以使用来缩短代码，例如

$(document).on("click", ".btn-info", function(){
    var parent = $(this).closest("tr");
    parent.find(".btn-delete").remove();

    var id = $(parent).attr("data-row");
    //var name = $(parent).children("[data-column='name']");
    //var surname = $(parent).children("[data-column='surname']");
    //var username = $(parent).children("[data-column='username']");
    //var email = $(parent).children("[data-column='email']");
    //var password = $(parent).children("[data-column='password']");

    //var nameTxt = $(name).html();
    //var surnameTxt = $(surname).html();
    //var usernameTxt = $(username).html();
    //var emailTxt = $(email).html();
    //var passwordTxt = $(password).html();


    // use html callback
    name.html(function(){
         return "<input name='name' data-dc='name' value='" + $(this).text() + "'>"
    });
    surname.html(function(){
         return "<input name='surname' data-dc='surname' value='" + $(this).text() + "'>"
    });
    username.html(function(){
         return "<input name='username' data-dc='username' value='" + $(this).text() + "'>"
    });
    email.html(function(){
         return "<input name='email' data-dc='email' value='" + $(this).text() + "'>"
    });
    password.html(function(){
         return "<input name='password' data-dc='password' value=''>"
    });
});

$（document）.on（“单击“，”.btn info“，函数（））{
var parent=$（this.recessed（“tr”）；
find（“.btn delete”）.remove（）；
变量id=$（父）.attr（“数据行”）；
//变量名称=$（父）.children（“[data column='name']”）；
//变量姓氏=$（父）.children（“[数据列='姓氏']”）；
//var username=$（parent）.children（“[data column='username']”）；
//var email=$（父）.children（“[data column='email']”）；
//var password=$（parent）.children（“[data column='password']”）；
//var nameTxt=$（name.html（）；
//var namesTXT=$（姓氏）.html（）；
//var usernameTxt=$（username.html（）；
//var emailTxt=$（email.html（）；
//var passwordTxt=$（password.html（）；
//使用html回调
name.html（函数（）{
返回“”
});
html（函数（）{
返回“”
});
username.html（函数（）{
返回“”
});
email.html（函数（）{
返回“”
});
html（函数（）{
返回“”
});
});

或者更好的方法是

$(document).on("click", ".btn-info", function(){
    var parent = $(this).closest("tr");
    parent.find(".btn-delete").remove();

    var id = $(parent).attr("data-row");
    $('[data-column]').each(function(){
       var self = $(this);
       self.html(function(){
          key = self.attr('data-column');
             return "<input name='"+key+"' data-dc='"+key+"' value='"+self.text()+"'>"
       });
    });
    // need to blank password field here,
    parent.find("[data-dc='password']").val('');
});

$（document）.on（“单击“，”.btn info“，函数（））{
var parent=$（this.recessed（“tr”）；
find（“.btn delete”）.remove（）；
变量id=$（父）.attr（“数据行”）；
$（“[数据列]”）。每个（函数（）{
var self=$（这是）；
html（函数（）{
key=self.attr（'data-column'）；
返回“”
});
});
//需要在此处空白密码字段，
find（“[data dc='password']”）val（“”）；
});
它可以工作！我知道如何优化代码！非常感谢你（来吧，雷吉克）它起作用了！我知道如何优化代码！非常感谢你（来吧，雷吉克）有用！非常感谢。有用！非常感谢。