jQueryツール：ツールチップ、jQueryの「this」属性への参照

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 
    }); 

これは機能しません。私は「[オブジェクトオブジェクト]のツールチップを見つけることができません」というメッセージが表示されます...ターゲットを正しく参照する方法がわかりません。

Answer 1

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 
    });  
}); 

Answer 2

あなたが値を取得し、各要素のtooltipプラグインを初期化するために.each()ループを使用することができますが、私はあなたがtooltipプラグイン内でこれを行うかどうかはわかりません（内部的にこれはおそらく、すべてのプラグインですんとにかく）：

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

    }); 
});