将img src复制到特定的其他img source中以填充点击函数。

Question

我正在尝试这个，但它不起作用：

  $('.prod_images').on('click', 'img', function() {
     var myElement = $(this);
     var img = myElement.clone();
     $('.imageprod').append(img);
  });
  $('.imageprod').on('click', 'img', function() {
     var myElement = $(this);
     var img = myElement.remove();
});

基本上，.prod_images 是被点击的图像的类。我有一个模态框，在单击时使用简单的 jQuery .show(); div 打开。我希望被点击的图像源填充到我的模态框中标记为 <img src="" class="imageprod"> 的空白图片中。

更新： 实质上，我想通过类选择器更新指定图像源，以根据所点击的指定图像源进行更新。

<img src="goose.jpg" class="clickme"><!-- image src one-->

当您点击'img .clickme'时，模态框会出现。。

在此模态框中有一个空的<img src="" class="empty"> 我希望最初点击的img，通过其src填充在我的模态框中指定的.empty 中。

- Coastal-Cam

---

我有点困惑。imageprod 是图片的类还是你要将图片附加到的 DIV 的类？ - Barmar

是 class="empty" 还是 class="imageprod"？ - Barmar

Answer 1

我不完全确定你在做什么，但也许这就是答案：

$('.prod_images'.on('click', 'img.clickme', function() {
    $('.empty').attr('src', this.src);
});

如果您只想将源代码从一个元素复制到另一个元素，则无需克隆任何内容。

- Barmar