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

Posted 2023-05-08

【中文标题】如何访问数组中的“删除帖子”按钮以删除用户帖子

【英文标题】：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 数据库中删除？

干杯

【参考方案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)...)收听点击事件。