jquery - 使用 append 元素作为 "this"- jQuery

Question

我有以下 HTML 和 jQuery 代码:

HTML

<div id="overlay">
    <button onclick="startEdit()" class="edit_button">Start Editing</button>
</div>

jQuery

$(".product").click(function() {
    var imageName = $(this).data("image");
    console.log(imageName);
    var imageItem = $("#overlay").append("<div class='product-container'><img class='product-image' src='" + imageName + ".png'></div>");

    var ele = imageItem;

    ele.draggable({});
    // (Theres more than this, but this explains what I'm trying to do)
}

我想要实现的是使用附加元素，在本例中是分配给 imageItem (div.product-container) 的元素，进一步向下代码。

我需要做什么才能像 $(this) 那样使用它，因为我需要进一步向下运行一些适用于该特定元素的代码。

Answer 1

What I'm trying to achieve is to use the appended element, in this case what is assigned to imageItem (div.product-container), further down the code.

但这不是分配给 imageItem 的内容； imageItem 包含 #overlay 元素。

相反:

var imageItem = $("<div class='product-container'><img class='product-image' src='" + imageName + ".png'></div>");
$("#overlay").append(imageItem);
// Or:
// imageItem.appendTo("#overlay");

现在 imageItem 包含 div.product-container，您可以在其他地方使用它。