javascript - $(this).next ('div' ) 没有抓取 jQuery 中的内容

Question

我正在使用 jQuery 1.11.1 和 qTip 2.2.2 以及这个 js 代码来获取我隐藏的 qTip div 元素的内容:

$(document).ready( function () {

    $('.hasTooltip').each(function() {
    $(this).qtip({
            content: {
                text: $(this).next('div') 
            }
        });
    });

});

HTML 是:

<div class="hasTooltip">Hover me to see a tooltip</div>
<div class="hidden">This is just a test!</div>

但它不起作用，这意味着黄色的 qtip 气泡会在悬停时出现，但根本没有文本。但是，如果我尝试像这样手动将其放在那里:

content: {
    text: "Test!"
}

然后工具提示按预期显示。

知道我做错了什么吗？

已解决+请求@qTtip 开发人员

尊敬的 qTip 开发人员，

请将 .html() 添加到 $(this).next('div') 的末尾，像这样 $(this).next ('div').html().目前没有 .html() 的默认解决方案对我不起作用。谢谢。 其他信息我正在使用 Bootstrap 3 和 Laravel 4 以及 qTip。

Answer 1

可能是因为 text 属性不接受 jQuery 对象，所以尝试将 div 的内容作为其值传递

$(document).ready(function () {

    $('.hasTooltip').each(function () {
        $(this).qtip({
            content: {
                text: $(this).next('div').html()
            }
        });
    });

});