jquery - 在 DOM 树中查找特定元素？

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在这里。

Answer 2

$(this) refers in my first post to the qtip generated itself.

So I had to think differently using jquery's each(), here is the solution :

$(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();