clone img src从click函数填充特定的其他img源代码

时间:2016-08-22 02:25:46

标签: javascript jquery

我正在尝试这个,但它不起作用:

  $('.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-->

点击&{39; img .clickme&#39;一个模态出现..

在此模式中,有一个空的<img src="" class="empty">

我希望最初点击的img,因为它src会在我出现的模式中填充指定的.empty

1 个答案:

答案 0 :(得分:0)

我不完全确定你在做什么,但也许就是这样:

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

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