当我突出显示“ class = div ”内的任何文字时,我想显示工具提示。我有以下HTML:
<div class='test'>Test</div>
<div class='tooltip'>Tooltip 1</div>
<div class='test'>Test 2</div>
<div class='tooltip'>Tooltip 2</div>
<div class='test'>Test 4</div>
<div class='tooltip'>Tooltip 4</div>
以及以下javascript:
<script type="text/javascript">
$(document).ready(function () {
$('div.test').each(function () {
var tooltipHtml = //NEED to figure out how get the html of the Tooltip div below this current div
$(this).qtip({
content: {
text: tooltipHtml
},
style: { width: 450 }
});
});
});
如何从“下一个”工具提示div中获取html?
答案 0 :(得分:5)
1:使用jQuery next()选择它。
var tooltipHtml = $(this).next('.tooltip').html();
答案 1 :(得分:0)
如果你想要的只是一个工具提示,为什么不这样做:
<div class="test" title="Tooltip 1">Test 1</div>
<div class="test" title="Tooltip 2">Test 2</div>
<div class="test" title="Tooltip 4">Test 4</div>
<script>
$('.test[title]').qtip({ style: { name: 'cream', tip: true } })
</script>
如果没有设置内容,qTip会自动使用title属性。