javascript - 如何获取单击的按钮的值 Javascript 或 Jquery

Question

我会尽量开门见山。基本上我使用 jquery 和 ajax 来调用 php 脚本并显示数据库中的成员。每个成员姓名旁边都有一个删除按钮。我想做到这一点，以便当您单击删除按钮时，它会删除该用户。并且仅限该用户。我遇到的问题是尝试仅单击一个删除按钮的值。我将在下面发布我的代码。我已经尝试了很多事情，现在正如您所看到的，我正在尝试将 url 中的哈希值更改为该成员，然后从 url 中获取值。这是行不通的，URL 中的值永远不会改变。所以我的问题是如何获得点击成员(member)的值(value)。

    <script type="text/javascript">
    $(document).delegate("#user_manage", "pagecreate", function () {
        $.mobile.showPageLoadingMsg()   
        var friends = new Array();
        $.ajaxSetup({
            cache: false
        })
        $.ajax({
            url: 'http://example.com/test/www/user_lookup.php',
            data: "",
            dataType: 'json',
            success: function (data) {
                $.mobile.hidePageLoadingMsg();
                var $member_friends = $('#user_list');
                $member_friends.empty();

                for (var i = 0, len = data.length; i < len; i++) {
                    $member_friends.append("<div class='user_container'><table><tr><td style='width:290px;font-size:15px;'>" + data[i].username + "</td><td style='width:290px;font-size:15px;'>" + data[i].email + "</td><td style='width:250px;font-size:15px;'>" + data[i].active + "</td><td><a href='#" + data[i].username + "' class='user_delete' data-role='none' onclick='showOptions();'>Options</a></td></tr><tr class='options_panel' style='display:none'><td><a href='#" + data[i].username + "' class='user_delete' data-role='none' onclick='showId();'>Delete</a> </td></tr></table></div>");

                }
            }
        });
    });
</script>
                  <script>
                    function showId() {
                    var url = document.URL;
                    var id = url.substring(url.lastIndexOf('#') + 1);
                    alert(id);
                        alert(url);
                    }
                    </script>

Answer 1

想法:

第一:我认为连接一个字符串然后将其附加到 DOM 元素会更容易。速度更快。

第二:在按钮上，您可以添加一个额外的属性，其中包含数据库的用户 ID 或其他内容，然后通过 ajax 调用将其发送。从按钮点击获取属性时，使用

 $(this).attr('data-id-user');