0

我已经想出了如何用 jquery 和 ajax 替换按钮，如下所示：

$("#addButton").hide();
$('.form').show();

但是在另一个页面上，我显示了多个提交按钮，每个按钮向数据库提交不同的数据，我不知道如何跟踪哪个按钮是哪个按钮，以便在单击时只有那个按钮消失？

该页面是根据搜索结果动态创建的，因此我每次都有不同数量的按钮。我尝试为元素的名称传递一个变量，但不知道如何在 jquery 调用中使用该变量？

如果你们对我如何实现这一点有任何想法，我将不胜感激。

更新：

这是正在创建的显示搜索结果的表单和单击按钮发送好友请求的表单。

for($i = 0; $i<$numF;$i++){
                        $row = $resultF->fetch_assoc();
                        $friendName = $row['userName'];
                        $friendID = $row['userID'];

                        print "  
                                    <p> $friendName </p>
                                    <form method = \"post\" action = \"\" onsubmit =  \" return addFriend('$userID','$user','$friendName', '$friendID')\" >
                                         <input type = \"submit\" value = \"Send friend Request\" />    
                                    </form>


                                <hr>
                        ";

                    }

这里也是被调用的函数：

function addFriend(userID,user,friendName, friendID)
    {
        //run ajax
        var ajaxSettings = {
            type: "GET",
            url: "friendRequest.php",
            data: "uID="+userID+"&uName="+user+"&fName="+friendName+"&fID="+friendID,
            error: function(xhr, status, error) { alert("error: " + error); } };            

            $.ajax(ajaxSettings);

        return false;
     }
4

1 回答 1

2

您可以使用以下方法参考单击了哪个按钮this：

$("button").click(function() {
    $(this).hide()
}

将隐藏单击的按钮。除此之外，我不知道如何帮助你，因为你没有提供足够的信息。

于 2012-09-10T21:32:54.923 回答