javascript - 使用 jquery 检测点击了哪个元素并将其放在单独的 div 中

Question

我有几张图片，我希望在单击时显示在一个单独的更大的 div 中。但是，我似乎无法找到一种方法来检测哪个图像已被单击，然后将其放置在 div 中。如果有办法，请有人帮忙。

Answer 1

您可以只为图像分配类，然后在触发点击事件后，使用其中的 $(this) 元素。为每个图像分配相同的类将使事件“点击”将每个图像与您的类绑定(bind)，然后 $(this) 将仅引用被点击的图像。

示例(完全符合您的要求):

$(".myImages").click(function() {
  $(this).detach().appendTo('#finalContainer');
});