Question

到目前为止，这是我的HTML代码：

<div class="span4">
    <div class="feature_plus">
    </div>
</div> 
<div class="feature_content">
    <p>test 1</p>
</div>

<div class="span4">
    <div class="feature_plus">
    </div>
</div>
<div class="feature_content">
    <p>test 2</p>
</div>

<div class="span4">
    <div class="feature_plus">
    </div>
</div>
<div class="feature_content">
    <p>test 3</p>
</div>

为了显示工具提示的内容（以及使用jQuery做其他事情），我想知道如何从每个.feature_content中找到下一个.feature_plus的内容。

编辑：所以我会更准确地说：我正在使用Qtip2，这是我的代码无效：

$(document).ready(function()
 {
     $('.feature_plus').qtip({
        content: {
             text: $(this).parent().next('.feature_content')
        },
        style: {
            classes: 'qtip-dark qtip-rounded qtip-shadow'
        },
        position: {
            my: 'top left',  // Position my top left...
            at: 'bottom right' // at the bottom right of...
        }
     });
 });

有人可以帮忙吗？

Answer 1

您可以使用以下内容：

$('.feature_plus').parent().next('.feature_content').html();

如果这就是每次布局的样子。

jsFiddle here.

Answer 2

$（this）在我的第一篇文章中引用自己生成的qtip。

所以我不得不用jquery的each（）来思考，这里是解决方案：

$(document).ready(function () {
    $('.feature_plus').each(function () {
        $(this).qtip({
            content: {
                text: $(this).parent().next('.feature_content')
            },
            style: {
                classes: 'qtip-dark qtip-rounded qtip-shadow'
            },
            position: {
                my: 'top left', // Position my top left...
                at: 'bottom right' // at the bottom right of...
            },
            show: {
                event: 'click',
                solo: true
            },
            hide: {
                event: false
            },
            events: {
                show: function (event, api) {
                    // Trying to hide the elem triggering qtip
                    $(this).hide();
                },
                hide: function (event, api) {
                    // Trying to show the elem triggering qtip on qtip hide
                    $(this).show();
                }
            }
        });
    });
});

Answer 3

试试这个：

$(".feature_plus").parent().next(".feature_content").html()

Answer 4

试试这个：

$('.feature_plus').parent().next().html();

在DOM树中查找特定元素？

4 个答案: