Javascript 单击“显示图像”时

下面是一个JSFIDLE文件供参考

我试图让它，当你按下一个按钮（1，2，3，4），相关的图像显示在点击和重叠的图像，因为你点击更多的数字。我试过了----

但它不起作用

单击此按钮时有没有办法说“显示”#img1 单击另一个按钮时，img2与该图像重叠

非常感谢你

HTML

---

您可以在该按钮的onclick中为该按钮传递与要显示的图片对应的数字：

<button onclick="picture(1)">1</button>
<button onclick="picture(2)">2</button>
<button onclick="picture(3)">3</button>

---

这是处理这个问题的一种幼稚的方法，但它对您有用。有很多其他的方法可以解决这个问题，但我认为这对于JS新手来说是一个好的开始。这也可能会导致您在单击其他按钮后单击已单击的按钮时出现更多错误，但我认为您可以解决此问题

您可以在该按钮的一次单击中，为该按钮传递与要显示的图片对应的数字：

<button onclick="picture(1)">1</button>
<button onclick="picture(2)">2</button>
<button onclick="picture(3)">3</button>

---

这是处理这个问题的一种幼稚的方法，但它对您有用。有很多其他的方法可以解决这个问题，但我认为这对于JS新手来说是一个好的开始。这也可能会导致您在单击其他按钮后单击已单击的按钮时出现更多错误，但我认为您可以解决此问题

这里有一个JSFIDLE供参考这里有一个JSFIDLE供参考非常感谢！我同意，这不是最好的编码方式，希望有一天我会得到there@Cobaltlee只是需要练习。每个人最后都会看到他们自己编写的旧代码，然后自责。这一领域的一半乐趣在于观察自己的进步！非常感谢你！我同意，这不是最好的编码方式，希望有一天我会得到there@Cobaltlee只是需要练习。每个人最后都会看到他们自己编写的旧代码，然后自责。这一领域的一半乐趣在于观察自己的进步！

img {/*    display:none;*/
position:absolute;
width:200px;}

<button onclick="picture(1)">1</button>
<button onclick="picture(2)">2</button>
<button onclick="picture(3)">3</button>

function picture(n) {
  $("#img"+n).show();
}