jquery - 引用 $(this).parent.parent.children ('td' ).attr ('key' )

Question

<script>
    $('#RemoveColumn').click(function(){
        R_C($(this));
    });
    R_C = function(e){
        for(var i = 0; i <= $(e).parent().parent().child('td').length - 1; i++){
            if($(e).parent().parent().child('td:eq(i)').attr(id) != undefined){
                K_ID = $(e).parent().parent().child('td:eq(i)').attr(id);
                $('#' + K_ID).parent.remove();
            }
        }
    }
</script>
<table>
    <tr>
        <td id='key'>1</td>
        <td>TIM</td>
        <td>Smith</td>
        <td><button id='RemoveColumn'>Remove</button></td>
    </tr>
    <tr>
        <td id='key'>2</td>
        <td>James</td>
        <td>Smith</td>
        <td><button id='RemoveColumn'>Remove</button></td>
    </tr>
    <tr>
        <td id='key'>3</td>
        <td>Scott</td>
        <td>Smith</td>
        <td><button id='RemoveColumn'>Remove</button></td>
    </tr>
</table>

在此示例中，我设置了一个表，每行都有一些 TD 标签，每行的最后一个 TD 都有一个“删除”按钮。单击时，我需要它查看父 TR 并获取 TD 数量，以便我可以设置 for 循环。然后在 for 循环期间检查所有 TD 标签中是否有具有 key ID 的标签。

然后我可以将其插入到我的最终目标中，即使用 SQL 语句从数据库表中删除该记录。因此，为什么我需要单击删除按钮的行中的 key ID。

我不知道在向 jquery 传递 $(e) 格式的对象时如何引用父 TR 的 TD 子级。

有人有什么想法吗？

更新 - 问题完成

谢谢大家，我今天能够完成这项工作。我最终得到了这样的结果。

<script>
    T_R_R = function(e){
        var T_R_R_T_N = $('#T_S').val();
        var T_R_R_K_N = $('#S_T_R #T_H').closest('tr').find('td[id]').html();
        var T_R_R_K_V = $(e).closest('tr').find('td[id]').html();
        var N_T = T_R_R_T_N + " WHERE " + T_R_R_K_N + " = '"+ T_R_R_K_V + "'";
        $.get('/DataBase/Remove_Record/' + N_T, function(res) {
            if (res.status) {
                console.log('Record Removed');
                Get_Table_Headers($('#T_S'));
            } else {

            };
        });
    };
</script>

这将用于发送 mysql 命令到 从 [TableName] WHERE [Key_Name] = '[Key_Value]' 删除

Answer 1

您应该将 ID 作为属性放入按钮中。

<table>
    <tr>
        <td class='key'>1</td>
        <td>TIM</td>
        <td>Smith</td>
        <td><button id="1" class='RemoveColumn'>Remove</button></td>
    </tr>
</table>

点击我们会看到这样的内容:

$("button").click(function() {
  var id = $(this).prop('id');
  // Here you send a HTTP POST request with the ID to the backend.
  // On successfull delete, just remove the row like this:
  $(this).closest ('tr').remove ();
});

您还可以使用 data- 属性

<td><button data-id="1" class='RemoveColumn'>Remove</button></td>

并使用此查询获取 ID

var id = $(this).data('id');