如何在jQuery UI工具提示中获取当前选择选项的值？

Question

在jQuery中，我试图在选择框中获取当前所选项目的“val”属性的值，使用该值检索数据，然后使用工具提示显示该数据。

出于测试目的，当我运行以下内容时，它获得的值很好并按预期工作：

$( 'select' )
.mouseover( function(){
    alert( $(this).val().trim() );
})

此外，以下内容也适用于硬编码参数值：

$( 'select' ).tooltip({
       content: cellTooltipContent( '865' )
});

但是当我尝试以下内容时，Chrome Developer工具会说cellTooltipContent函数的参数未定义。

$( 'select' ).tooltip({
       content: cellTooltipContent( $(this).val() )
});

这也不起作用：

$( 'select' ).tooltip({
       content: cellTooltipContent( $(this).find(':selected').text() )
});

似乎认为此指的是文档，而不是当前所选的项目。我还尝试了 this.val 作为参数，还有几十个其他的东西。我已经为此工作了三天而且我完全陷入困境。

Answer 1

以匿名函数包裹你的电话：

$('select').tooltip({
    content: function() { return cellTooltipContent( $(this).val() )}
});

JSFiddle示例。