javascript - jQuery 方法动态地将 div 附加到 dom，然后稍后找到它，而无需设置 ID、类或以其他方式识别它

Question

更新:非常感谢所有做出贡献的人，你们都非常善良和慷慨，你们所有人都值得我尊敬。干杯。

注意:我正在制作一个简单的 jQuery 工具提示插件，工具提示将在鼠标悬停时触发。鼠标悬停将创建 div 工具提示的实例，该实例特定于启动 div 工具提示的每个 anchor 。因此，每个带有 .c_tool 类的 anchor 都会有自己创建的 div，该 div 将在鼠标移开后删除。无论如何，所有这些细节都是无关紧要的。重要的是如何创建一个带有 .append() 或 .add() 的 div，然后找到一种方法来调用它并向该 div 应用操作，而无需设置标识符 (id)、类或任何识别它的方法.

我知道有一种方法可以通过计数找到 div，所以如果你给每个创建的 div 相同的类，然后对它们进行计数以找到该类，但是我不知道这是否是最有效的方法为什么我要寻求帮助。

我不会发布整个不必要的插件脚本，所以我将粘贴一个简化版本。

<a href="#" class="c_tool">hover me</a>
<a href="#" class="c_tool">hover me</a>

$(document).ready(function() {

    obj = $('a.c_tool');
    obj.mouseover(function() {

        /// append div to body it will be specific to each item with class c_tool, however I don't want to set an ID, or CLASS to the appended div

    }).mouseout(function() {

        /// remove added div without setting ID or class to it.
    });

});

Answer 1

工作示例:

http://jsfiddle.net/xzL6F/

$(document).ready(function() {

    var tooltip;

    obj = $('a.c_tool');
    obj.mouseover(function() {
        var element = $('<div>', {
             html:   "I'm a tooltip"
        });

        tooltip = element.appendTo($("body"));


        /// append div to body it will be specific to each item with class c_tool, however I don't want to set an ID, or CLASS to the appended div

    }).mouseout(function() {
        tooltip.remove();
        /// remove added div without setting ID or class to it.
    });

});