Javascript Jquery仅克隆单击的元素内容

我有这个问题，我相信我以前已经解决了，但我一生都无法再解决它。我想发生的是，有人点击一个混合瓷砖，它会将该瓷砖的特色图像克隆到混合区域，它会这样做，但它会很友好地将其他每一张图像都带上。我只想让它抓取点击的元素

img

“我的循环”会向混合平铺添加数值

num-

因此，即使是一个有效的解决方案，它抓住了这个独特的类，也可以用于克隆

---

更新

为了不将图像持续添加到重复的

.color img

中，它必须抓取类并将其注入

中，然后还要将其添加到

附录中，以便在单击项目时只将其添加到新创建的框中

$（函数（）{
$（“.blend-tile”）。单击（函数（）{
$（“#mixer ul.mixers”）.append（“
”），slidemus（）；
$（“.blend tile.tpic”）.clone（true，true）.contents（）.appendTo（'.color img'）；
});


您可以尝试以下方法：

$(".tpic", this).clone(true, true).contents().appendTo('.color-img');

因为如果你这样做了

$(".blend-tile .tpic").clone(true, true).contents().appendTo('.color-img');

它会将
.tpic
克隆到您的网页中。
如果您没有选择已单击的元素，那么您的内部有一个选择器，用于选择所有元素。您可以使用
this
获取已单击的元素，您可以使用
find
获取其中的元素

$(".blend-tile .tpic").clone...

需要

$(this).find(".tpic").clone...

如果您有多个
.color img'
，您的代码也将失败，因为它将附加到这些元素中的每一个。如果您只想附加到创建的元素，则必须保留对刚刚添加的元素的引用

var li = $('<li><div class="align-table"><div class="color-img t-align"></div><div class="t-align"><div class="percent-mix"></div></div><div class="t-align"><div class="mix-value"></div></div></div></li>');

$("#mixer ul.mixers").append(li);
slideumus(); //no clue hy this was there with a comma
$(this).find(".tpic").clone(true, true).contents().appendTo(li.find('.color-img'));

var li=$（'
'）；
$（“#mixer ul.mixers”）。追加（li）；
Slidemus（）；//不知道为什么这里有逗号
$（this.find（“.tpic”）.clone（true，true）.contents（）.appendTo（li.find（'.color img'））；
Hi Rad，thansk虽然部分工作，但它只会继续将多个图像添加到.color img。我想我可能需要编辑这个问题。上面提到添加了唯一的数字调用，可能需要一种方法将它们注入新创建的部分。@DCdaz，这是我在上一段中说的。参考我会为你做的…谢谢Epasc，我今天早上6点半就开始在这个网站上大嚼了，我的大脑终于对我放弃了，哈哈