0

これまでの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>

.feature_contentツールチップのコンテンツを表示する (および jQuery で他のことを行う) ために、各 から次のコンテンツを見つける方法を知りたい.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...
        }
     });
 });

誰でも助けることができますか?

4

4 に答える 4

2

次のようなものを使用できます。

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

それが毎回のレイアウトのようなものであれば。

ここでjsFiddle。

于 2013-07-29T21:44:12.480 に答える
0

これを試して:

$(".feature_plus").parent().next(".feature_content").html()
于 2013-07-29T21:44:47.360 に答える
0

これを試して:

$('.feature_plus').parent().next().html();
于 2013-07-29T21:44:52.407 に答える