javascript - 脚本 IF ELSE 仅处理 php 中的第一个数据

Question

我只能喜欢第一个帖子而不是第二个或第三个或其他...

图像仅在第一篇文章中发生变化..而其他人则不起作用...

        $sqkl = "SELECT id FROM favourite WHERE userid='$mainuserid' AND photoid='$photoid' ";
        $rersult = $conn->query($sqkl);

        if ($rersult->num_rows > 0) {
            // output data of each row
            while($rkow = $rersult->fetch_assoc()) {

                ?> 
           <img id="fav" style="float:right;" id="fav" onclick="myFav()" src="images/fav.png" height="22" width="22"> </div>

        <?php
            }
        } else {
           ?>  <img id="fav" style="float:right;" onclick="myFav()" src="images/unfav.png" height="22" width="22"> </div> <?php
        } 

        ?>
 <script>
  var image =  document.getElementById("fav");

    function myFav() {
          if (image.getAttribute('src') == "images/fav.png")
            {

             document.getElementById('fav').src='images/unfav.png';

             }else if (image.getAttribute('src') == "images/unfav.png"){
            document.getElementById('fav').src='images/fav.png';
            }
      }
 </script>

Answer 1

您的代码不起作用的原因是因为所有图像都具有相同的 ID。 ID 是唯一标识符，document.getElementById("fav"); 只会选择具有该 ID 的第一个元素。
您可以在中使用 this 关键字myFav 函数引用点击的图片