2

当我突出显示“ 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？

4

2 回答 2

5

1：使用jQuery next()选择它。

var tooltipHtml = $(this).next('.tooltip').html();
于 2010-08-01T11:43:03.467 回答
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 属性。

于 2010-08-01T12:11:18.443 回答