jquery - 使用 'each' 获取插入 jQuery 工具提示的链接

Question

我正在使用 jquerytools 中的此工具提示:

  $("li img").tooltip({ position: "bottom right"});

并且想要从同一 li 中现有的“更多信息”链接插入一个链接:

var morelink;
morelink = $(this).find("li a").attr("href");
$(".tooltip").append('<a href="' + morelink + '">More Info</a>');

这是一个失败的 fiddle :

http://jsfiddle.net/nathanbweb/tEVnt/

如何将两者链接在一起，或使用 .each 来将正确的链接添加到工具提示中？

Answer 1

由于工具提示的添加方式，这并不是特别容易，而且对象和工具提示之间似乎没有易于理解的直接链接。

稍微容易一些的是这样的，在将其制作为工具提示之前将链接添加到标题:

// add tooltip from jquerytools 
$("li img").each(function(){
    var obj = $(this);
    var link = obj.next('a').attr('href');
    if (link !== undefined) {
        var title = obj.attr('title');
        title = title+' <a href="' + link + '">More Info</a>';
        obj.attr('title', title);
    }
    obj.tooltip({ position: "bottom right",});
});

• 遍历每个具有 img 的 li
• 获取下一个对象，在您的情况下是 anchor
• 从 anchor 获取链接
• 检查链接是否确实是链接(有一些没有链接)
• 如果有链接，请将其添加到标题(将成为工具提示)
• 最后添加工具提示

See it working here