如何访问数组中的“删除帖子”按钮以删除用户帖子答案

【问题标题】：How to access a 'Delete Post' button within an array to delete user post如何访问数组中的“删除帖子”按钮以删除用户帖子
【发布时间】：2021-03-01 05:24:31
【问题描述】：

我使用 jQuery 将一组用户帖子发布到他们的个人资料页面。在数组中，我为每个帖子添加了一个删除按钮。我在命名每个按钮以使其与用户的特定帖子协调时遇到问题，因此我可以在单击时删除正确的帖子。

$(document).ready(show_user_tweets);  
function show_user_tweets() {
    var url = "controller.php";
    var query = { page: 'Profile', command: 'ShowUserTweets'};
    $.post(url, query, 
        function(data) {
            var rows = JSON.parse(data);
            if(rows.length > 0) {
                var t = "<table class='table table-borderless'>";
                for (var i = 0; i < rows.length; i++) {
                    t += "<tr><td>"  
                    t += "<div class='modal-content'>";
                    t += "<div class='modal-header'>";
                    t += "<h2 class='modal-title'>" + rows[i]['Username'] + "</h2></div>";
                    t += "<div class='modal-body'>";
                    t += "<div class='form-group'>" + rows[i]['Tweet'] + "</div></div>";
                    t += "<div class='modal-footer justify-content-between'>";
                    t += "<div class='form-group'>" + "<input type='button' id='deleteBtn' name='rows[i]['UserId']' value='Delete' class='btn btn-danger'></input>" + "</div>";
                    t += "<div class='form-group'>" + rows[i]['Date'] + "</div></div>";
                    t += "</div></div></td></tr>";
                }
                t += '</table>';
                $('#pane-result').html(t); 
            }
        });
}

我目前有每个按钮，例如：<input type='button' id='deleteBtn' name='rows[i]['UserId']' value='Delete' class='btn btn-danger'></input>

如何将每个按钮绑定到每个特定帖子，以便我可以在控制器中访问它以从 SQL 数据库中删除？

干杯

【问题讨论】：

标签： php html jquery sql

【解决方案1】：

您有一个重复的按钮 ID：id=deleteBtn（对数据的每个元素都重复此操作）。

更改为class 并添加data-id='rows[i]['UserId']' 以删除所选帖子。

使用data()捕获要删除的id。

Jquery .data()

【讨论】：

谢谢！但是，由于我使用的是引导程序，所以我的按钮类是 btn。我可以把它改成class='deleteBtn btn btn-danger' 吗？
是的，您可以更改它。我想你用$(staticAncestor).on('click', '.deleteBtn', function(e){...})收听点击事件。