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

我的图像链接源在for循环中

  foreach (images as image) { 

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

---

当我单击每个链接（Link1 Link2 Link3）时，我想将它们复制到图像源中以显示图像。但它只对第一个链接（Link1）有效，而Link2 Link2无效。

所有链接都有some ID

ID=“image”

您需要使用的类：

foreach (images as image) { 

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

---

这是因为它们都具有相同的id，而jQuery在使用id选择器时只会返回第一个匹配项。您为每个链接提供了相同的id。请使用类名而不是id。您可以使用相同的id来多个元素。因此，请使用

prop（）

over

attr（）

where-possible可选地使用数据属性

data id

进行编码，以防CSS人员在不需要的情况下删除该类。这很有效！非常感谢：D

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

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

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

});
});

foreach (images as image) { 

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

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

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

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

    });