Javascript qTip与动态内容

Javascript qTip与动态内容,javascript,html,qtip,Javascript,Html,Qtip,我对JavaScript和qTip还不熟悉,我无法做些什么。我有一个带有图像的表,我需要一个qTip,上面有每个图像的描述。我从数据库中加载图像和内容。我该怎么写?根据我所读的内容,我需要将描述添加到隐藏的div中,并从JavaScript函数访问该div。唯一的问题是我不知道怎么做。冷,请告诉我如何执行此操作?假设您的HTML标记大致如下所示: <td> <img title="First img"> </td> <td> <

我对JavaScript和qTip还不熟悉,我无法做些什么。我有一个带有图像的表,我需要一个qTip,上面有每个图像的描述。我从数据库中加载图像和内容。我该怎么写?根据我所读的内容,我需要将描述添加到隐藏的div中,并从JavaScript函数访问该div。唯一的问题是我不知道怎么做。冷,请告诉我如何执行此操作?

假设您的HTML标记大致如下所示:

<td>
    <img title="First img">
</td>
<td>
    <img title="Second img">
</td>
我们的想法是遍历所有持有者,获取底层图像和工具提示内容(在本例中为
img.attr('title')
),并使用此自定义
内容生成工具提示

这是我使用的函数:$('table.logos:td')。qtip({content:'Test content',show:'mouseover',hide:'mouseout',position:{角:{目标:'topMiddle',工具提示:'bottomMiddle'},});问题是,我希望每个图像在qTip中都有其作为内容的描述。我还没有尝试任何操作,因为我不知道该如何编写。我只知道它与从该函数访问隐藏的div有关。
$('td').each(function() {
    var img = $('img', this);
    $(this).qtip({
        content: img.attr('title'),
        show: 'mouseover',
        hide: 'mouseout',
        position: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
        }
    });
});