Ajax仅适用于首先从php中的while循环获取数据

Question

我有一些评论框系统。 哪些来自具有 specefiq 帖子 ID 的 mysql 数据库。 但是每当我在评论框上写文本并提交这些文本时，只有来自 while 循环的第一个框工作正常。 但其他人没有拿数据。 我为那些评论框部门使用了类而不是 id。 这里有什么问题？ 来自 mysql 数据库的所有框如何才能正常用于输入数据作为第一个？

这是我的代码

while($rowCom = $resultComment->fetch_assoc()) {
    $posterID= $rowCom['poster'];
    $posterComment = $rowCom['comment'];
    $Commenttime = $rowCom['datetime'];
?>
<div class="comment-form-login">
    <input type="number" class="userPostID" name="postid" value="<?php echo $postID ?>" style="display:none;">
    <input type="number" class="userID" name="postuser" value="<?php echo $userID ?>" style="display:none;">
    <input type="number" class="LoginUserID" name="LoginUser" value="<?php echo $userLogin ?>" style="display:none;">
    <input type="text" class="usercomment leave-a-comment" placeholder="Leave a comment">
</div>
                        
<php  
} 
?>

来自ajax的代码

$(".leave-a-comment").on('keypress',function(e) {
    if(e.which == 13) {
        var userpostID = $(".userPostID").val();
        var userID = $(".userID").val();
        var loginuserID = $(".LoginUserID").val();
        var loginComment = $(".leave-a-comment").val();

        $.ajax({
                
            type: "POST",
            async: false,
            data: {
                    "done":1,
                    "userPOSTID":userpostID,
                    "userID":userID,
                    "loginUserID":loginuserID,
                    "LoginComment":loginComment 
            },
            success: function(data){
                $(".userPostID").val('');
                $(".userID").val('');
                $(".LoginUserID").val('');
                $(".leave-a-comment").val('');    
            }
        });
    }
});

Answer 1

这是因为以下几行：

var userpostID = $(".userPostID").val();
var userID = $(".userID").val();
var loginuserID = $(".LoginUserID").val();
var loginComment = $(".leave-a-comment").val();

$(".userPostID")使用类.userPostID选择整个页面上的所有元素。 然后 jQuery 的.val()函数返回匹配元素集中第一个元素的值，这意味着你的第一篇文章的值。

将代码更改为以下内容：

var userpostID = $(this).siblings(".userPostID").val();
var userID = $(this).siblings(".userID").val();
var loginuserID = $(this).siblings(".LoginUserID").val();
var loginComment = $(this).val();

在你的 ajax 成功函数中做同样的事情。