jQuery 工具：工具提示、对“this”的 jQuery 引用属性

Question

我正在为表格中的单元格实现一个工具提示，并且我需要能够获取目标的 data-message 属性。

$("#pricing_plans_table .sku_tooltip").tooltip({

        // each trashcan image works as a trigger
        tip: '#' + $(this).attr('data-message'),

        // move tooltip a little bit to the right
        offset: [0, 15],

        // there is no delay when the mouse is moved away from the trigger
        delay: 0
    });

那是行不通的。我收到“无法找到 [object Object] 的工具提示”...我不太确定如何正确引用目标。

Answer 1

我不确定您如何在 tooltip 插件中执行此操作，但是您可以使用 .each() 循环来获取值并初始化 tooltip code> 每个元素的插件（在内部，这就是插件可能做的所有事情）：

$("#pricing_plans_table .sku_tooltip").each(function (index, value) {
    var $this = $(this);
    $this.tooltip({
        tip    : '#' + $this.attr('data-message'),
        offset : [0, 15],
        delay  : 0

    });
});

Answer 2

我认为您不能在这样的地图中使用 this 。尝试：

$("#pricing_plans_table .sku_tooltip").each(function(i,el) {
    var tipstr = $(this).attr('data-message');
    $(this).tooltip({
        tip: '#' + tipstr,
        offset: [0, 15],
        delay: 0
    });    
});