Javascript 带有1个show和hide in div函数的Php循环

我是个新手，如果我不清楚自己想做什么，我也向你道歉

在我的数据库中，我有两张关于腿部装甲的图像和信息，如果我点击相应的div，就会显示一个覆盖图：

    <div class="legs">
       <a id="legs" onclick="legShow();"></a>
    </div>

    <div id="LegItems" >

<?php
$sqlleg = "SELECT * FROM items
WHERE part = 'legs'";
$legquery = mysqli_query($con, $sqlleg) or die (mysqli_error($con));

$rowleg = mysqli_fetch_row($legquery);


while($legf = mysqli_fetch_assoc($legquery))
{
?>
    <img id="legArmor" src="<?php echo $legf['image']; ?>" onclick="legHide()"/>
<?php
}
?>

试着评论这句话

$rowleg = mysqli_fetch_row($legquery);

此行将指针移动到下一行，结果只显示最后一个图像。
我不太明白你第二道题的意思。
也只使用id一次。如果需要使用多个ID，则始终可以使用legArmor[0]，legArmor[1]等ID必须是唯一的。您的所有图像都具有相同的ID
legArmor
。我尝试从图像中删除该ID，但仍然只得到1。ID只是用来使图像具有一定的高度和宽度。如果你是说它是用于CSS的，请使用类，而不是ID。如果你有两个问题，最好用不同的问题来解决。期望同一个人同时解决这两个问题是不合理的。看吧，是的，上课会更好。我不期待任何人给我任何东西。如果有人能在这两方面都帮我，那就太好了。但是做两个主题似乎只会让事情变得更难，因为第二个问题必须和第一个问题一起解决。我对这个问题非常陌生，所以我会犯很多初学者的错误。还试图让第二个问题更容易理解：我实际上想要我在覆盖图中单击的图片来填充空的leg div。第一个不确定评论的意思，但我现在得到了它，感谢修复了它
$rowleg = mysqli_fetch_row($legquery);