jquery - 通过 jQuery 更改元素的 ID 并让选择器使用新 ID

Question

所以我动态添加了元素 block ( <div><img><div><p></p></div></div> )，一旦它们加载，我就更改它们的 ID($("#"+id).attr("id", new_id);)但在选择新 ID 时遇到问题。选择旧 ID 仍然有效并适用于该元素。如何让它识别新的 ID？

网站位于 www.steamcompare.com。您可以通过添加steam帐户进行测试。加载时，我会显示带有透明覆盖层的图像。完成后，我淡出叠加层，更改 ID，并向叠加层添加一堆信息。当您再次将鼠标悬停在其上时，您将看到额外的信息。现在，如果我淡出叠加层

$("#"+id).find('div.caption').fadeOut(200);

在我更改ID之前，一切都很好。如果我将其移过去，它就不会淡出。

Answer 1

$("#"+id).live('yourevent', function(){
    $("#"+id).find('div.caption').fadeOut(200);
});