javascript - 将查询与每个 php echo 连接起来

Question

如果我有

$logger = $_SESSION['logger'];
$postquery = $con->query("SELECT * FROM posts ORDER BY id DESC LIMIT 5");

while($row = $postquery->fetch_object()){

    $posts[] = $row;


}

然后:

    foreach($posts as $post):?>
    <div class="post"><?php 
echo '<div class="text">'.$post->text.'</div><textarea id='comment'></textarea>';

现在 jquery 和 ajax:

<script type="text/javascript">
        $(document).ready(function() {
            $('#comment').keypress(function(event) {
                var key = (event.keyCode ? event.keyCode : event.which);
                if (key == 13) {
                    var comment = $('#comment').val();      
                    var postid = '<?php echo $post->id; ?>';
                    var from = '<?php echo $logger; ?>';

                    $.ajax({
                        method: "POST",
                        url: "intodb.php",
                        data: {c: comment, p: postid, f: from},
                        success: function(status) {

                            $('#comment').val('');

                        }

                    });
                    };
                }); 

        });
    </script>

intodb.php 内部:

$c =$_POST['comment'];
$p =$_POST['postid'];
$f =$_POST['from'];
$insert = "INSERT INTO comment (id, comment, from, for) VALUES ('','$c','$f','$p')";
if(mysqli_query($con,$insert)){
     echo "commented....";
}

现在我有一个问题，jquery 只使用数据库的最后一个输出作为值...我在这里输出了 5 个帖子，如果我评论第一、第二、第三或第四。正如我仅在第五篇文章中评论的那样，插入内容无处不在。我也读过 js works with classes 但是当我将其更改为类时:

$('.comment')  AND <textarea class='comment'>

我的脚本不起作用...有人可以帮我解决这个问题吗？我试了 3 天...如果可以的话，如果你能帮我先自己试试，因为我问了几次问题在这里，答案是添加无关紧要的东西……我查了很多其他问题和答案，但似乎对我不起作用……

我在每个脚本的每个地方都有这个问题，比如如果我从数据库中提取的产品很少，并且对于悬停的每个产品我都需要显示一些文本。它仅适用于其中一个...

更新:在这张图片上，我回复了 btn，点击后应该可以看到文本区域。它只在第一次从数据库中获取时有效...在其他情况下 js 代码不起作用...这是为什么？？？

Answer 1

var postid = '<?php echo $post->id; ?>';
var from = '<?php echo $logger; ?>';

这是正常的。您的 postid 将始终是一个值。您需要遍历您的帖子并使用它制作一个 javascript 数组。

尽管这样做是一种不好的做法。

您应该使用您的数据库 ID 引用您的 html ID。

假设你有类似的东西

<div id="my-post-1" class="post">Some Text</div>
<div id="my-post-3" class="post">Some Text Again</div>
<div id="my-post-5" class="post">Some Text Again</div>

现在您在数据库和客户端之间有了一个引用，一切都变得更容易了

$('.post').click(function() {
  var postid = this.id.split('-')[2]
})

我对 jquery 有点生疏，但这应该有帮助