Question

我正在尝试创建一个工具提示效果，我正在创建一个新的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很陌生，所以如果有一种方法可以更好地完成这一切，那么我会非常感谢你的建议！

Answer 1

听起来你应该像jsRender一样使用javascript模板引擎：https://github.com/BorisMoore/jsrender

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

<div id="mydiv_{{>counter}}"></div>

jsRender演示和示例代码：http://borismoore.github.com/jsrender/demos/index.html

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

Answer 2

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

$（'[src =“image”]'）。attr（'id'，'newId'）;

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

使用image src jQuery更改id

2 个答案: