Question

假设我想在表格标题中使用图片。

每张图片都分配了alt。

如何让这个jQuery代码显示工具提示的行和列的alt？（行：列格式）

此时它看起来像这样：

代码：

$('td').each(function () {
    var myIndex = $(this).index() + 1;
    var myTitle = $(this).closest('tr').find('th').text();
    var myTitle2 = $(this).closest('td').find('th').text();

    myTitle2 += $('td:first-child th:nth-child(' + myIndex + ')').children("img").attr("alt");
    $(this).attr('title', myTitle2);
    myTitle += ":";
    myTitle += $('tr:first-child th:nth-child(' + myIndex + ')').children("img").attr("alt");
    $(this).attr('title', myTitle);

    $(this).tooltip({
        show: false,
        hide: false
    });
});

Answer 1

这个怎么样：

$('td').each(function () {
    var myIndex = $(this).index() + 1;

    //I took the first sibling th, and took its alt attribute
    var myTitle += $(this).siblings('th').children("img").attr("alt");
    myTitle += ":";
    myTitle += $('tr:first-child th:nth-child(' + myIndex + ')').children("img").attr("alt");
    $(this).attr('title', myTitle);

    $(this).tooltip({
        show: false,
        hide: false
    });
});

Check this Fiddle for a working example!

Answer 2

好的，最简单的方法是将标题元素留空。已在隐藏div中的页面上生成内容。然后当你在jQuery中初始化tool-tip时提供隐藏帮助内容的id。

第1步

<div title=''  id="x">Show tool tip over this element</div>

第2步

<div style="visibility:hidden"> 
<div id="y">What ever the content you want to be shown as tool tip</div> 
</div>

第3步

$( "#x" ).tooltip({ track: true, content:function() {  return $( '#y' ).html(); } });

jQuery - 让工具提示获得2个图像

2 个答案: