如何使用jquery交换相同图像的数组。

Question

<img src= on.jpg id=1>
<img src= on.jpg id=2>
<img src= on.jpg id=3>
<img src= on.jpg id=4>
<img src= on.jpg id=5>
<img src= on.jpg id=6>

在每个图像clik上我需要离开图像 即，

如果点击第一张图片，那么我需要用off.jpg交换on.jpg图片 和遗骸在同一个on.jpg

并将此值更新到MSQL DB ..

img_id image
1     off.jpg
2     on.jpg
3     on.jpg
4     on.jpg
5     on.jpg
6     ofn.jpg

Answer 1

$("img").click(function(event){
  var isOn = (this.src == "on.jpg");
  var newSource = (isOn) ? "off.jpg" : "on.jpg";
  this.src = newSource;
  // Update your MSQL DB using presumably this.id and newSource
});