单击以将标记的每个属性href复制到图像源中

Question

我的图片链接源于for循环

  foreach (images as image) { 

 echo ?> <a id="image" onclick="return false;" href=" my image link"  >
          <span > <?php  echo  $image->imageName; ?></span> <?
    }

输出图像链接之类的东西 的链接1 的链路2 的链接3

用于显示图片的HTML

<img id="copyimage" src="" alt="No Pic" style="width:304px;height:228px;">

我的Jquery

(document).ready(function(){
    $("#image").click(function(){

  var link = $(this).attr('href');

    $("#copyimage").attr("src", link);

});
});

当我点击每个链接（Link1 Link2 Link3）时，我想将它们中的每一个复制到图像源中以显示图像。但它只适用于第一个链接（Link1）和Link2 Link2没有。

Answer 1

所有链接都有一些ID id="image"，您需要使用类：

foreach (images as image) { 

 echo ?> <a class="image" onclick="return false;" href=" my image link"  >
          <span > <?php  echo  $image->imageName; ?></span> <?
    }

Jquery的

(document).ready(function(){
        $(".image").click(function(){

      var link = $(this).attr('href');

        $("#copyimage").attr("src", link);

    });