Javascript 我在所有工具提示中都会得到与第一个id相同的文本，即使它不属于该id

我正在尝试学习一些Javascript，并将其与PHP和HTML相结合。目前，我遇到的问题是，当我将鼠标移到第二或第三个div上时，它将写入第一个div中的所有内容

    $posts = get_posts(((isset($_GET['id'])) ? $_GET['id'] : null));

    foreach($posts as $post){
    ?>
        <div onmouseover="fixad()" onmouseout="tabort()" style="background-color:red; width:100px;"><?php echo $post['user'] . " " . $post['contents'] . "<br>";?></div><br>
        <div id="popup" style="display:block; background-color:black; width:100px; height:100px; color:white; float:right;"><?php echo $post['date_posted'] .  " " . $post['user']; ?></div>
    <?php
    } ?>

我的Javascript很简单，如下所示：

    function get_posts($id = null) {
      $posts = array();
      $query = "select contents, user, date_posted FROM database where id=$'id'";
      $query = mysql_query($query);
      while($row = mysql_fetch_assoc($query)){
        $posts[] = $row;
      }
      return $posts;
    }

    function fixad() {
      var r = document.GetElementById("popup");
      r.style.display = "block";
    }

    function tabort(){
      var r = document.GetElementById("popup");
      r.style.display = "none";
    }

总结一下：我想在一个div中写出id=5的文本，但我从id=5得到文本，而它应该来自另一个id

所以我的

    <div id="popup"<?php echo $post['id'];?></div>

将在每个弹出窗口上打印相同的id

---

如果这让人困惑，我很抱歉，如果您愿意，我可以详细说明。

您的所有元素都具有相同的id。因此document.GetElementByIdpopup；每次获取第一个元素。ID应该是唯一的。我会将每个帖子的id与帖子一起传递回去，然后将其与id一起输入，这样每个div都可以正确识别

<div id="popup" 

致：

---

您的get_posts返回数据？在这里选择内容、用户、日期\u从数据库中发布，其中id=$'id'，这里$post=$posts=Yes，该函数工作正常。这是一张gif。如您所见，当我将鼠标移到第一个div上时，我看到id=3的数据。当我将鼠标移到第二个div上时，我看到了相同的结果。该查询不能返回数据。美元符号在报价的错误一侧。这是复印件吗？我希望您的查询抛出一个1064-您的SQL语法有错误。除了上面提到的错误之外，所有元素都有相同的id。你是对的，我只是从代码中提取了一小部分。我有更多的代码，一切正常。对不起，误会了。好吧，它不会反应，但至少我知道我一直在寻找什么。我不知道如何创建唯一的id。您是否考虑过使用jQuery进行此操作？我发现jQuery更容易使用，我的JS技能也很缺乏。我没有。我对javascript相当陌生，对jQuery没有任何经验。如果你知道什么像样的导游，我很乐意帮你查一查。我很高兴你一直在帮助我这里有一个关于如何使用他们的类选择器和id选择器的链接，我认为这些对你很有用。

<div id="popup' . $id . '"