使用image src jQuery更改id

我试图创建一个工具提示效果，在这里我创建一个新的DIV，用另一个页面的内容填充它，然后当鼠标移到图像上时，将其显示在图像下面。下面是创建div、用内容和鼠标盖填充div的代码

$(document).ready(function() {
    $('<div id="DETAILS"> </div>').appendTo("body");
    $('#DETAILS').load('Test.html #CREATEYOUROWN');
    $("#DETAILS").hide();
    $('#PUZZLE').mouseover(function() {
        $("#DETAILS").show();
    });
    $('#PUZZLE').mouseleave(function() {
        $("#DETAILS").hide();
    });
});​

这很有效。然而，我需要将其放入CMS中，其中大约有20个设置为项目，并由内容编辑器添加到页面中，在构建页面时从列表中选择。这些项目有能力将javascript赋予它们，但当它们添加到页面时，它们没有自己的id。唯一保持不变的是图像源

是否有方法使用图像源更改图像的id

---

我对jQuery还是一个新手，所以如果有什么方法可以把整个事情做得更好的话，我会非常感谢你的建议

听起来您应该使用jsRender这样的javascript模板引擎：

这样，您就可以构建一个模板，并按照如下方式定义您的ID：

jsRender演示和示例代码：

---

另外，请记住，还有许多其他引擎，我只是碰巧喜欢jsRender。

我不完全理解这个问题，但是您可以根据项目的来源选择项目，并使用jQuery更改其id：

$'[src=image]'.attr'id'，'newId'

---

我不知道这是否有帮助，但请尝试一下。

我想这可能就是门票，非常感谢！我会试一下，然后告诉你。