jquery - 如何通过 jQuery 在工具提示的范围内获取文本？

Question

我正在尝试使用Tooltipster jQuery plugin使跨度内的文本成为工具提示的“内容” 。

可以在此处查看“内容”选项的可用参数的描述：

http://calebjacob.com/tooltipster/#options

jQuery

<script type="text/javascript">
$(document).ready(function() {
$('.tooltip').tooltipster({
content: $(this).parent().text() // trying to get the span text here
});
});
</script>

HTML

<p>Here is some text, and here is <span class="tooltip" data-rlink="<a href=&quot;http://www.google.com&quot;>a link</a>">SOME MORE</span> text.</p>
<p>And the content should be <span class="tooltip">UNIQUE</span> to the instance.</p>

jsFiddle

http://jsfiddle.net/rwone/y9uGh/1/

解决方案

根据下面的答案，这是我使用的实现。下面的代码片段显示了 js 解决方案与插件参数的集成：

<script type="text/javascript">
$(document).ready(function() {
$('.tooltip').tooltipster({
functionBefore: function(origin, continueTooltip){
origin.tooltipster('update', $(origin).text());
continueTooltip();
},
animation: 'grow',
arrow: false,
});
});
</script>

Answer 1

尝试

$(document).ready(function() {
    $('.tooltip').tooltipster({
        functionBefore: function(origin, continueTooltip){
            origin.tooltipster('update', $(origin).text());
            continueTooltip();
        }
    });
});

演示：小提琴