2011-07-02 13 views
0

私は次の問題を解決しています - 私はDBテーブルからアイテムの私のページステートメントにあり、このアイテムはすべてdivにプリントされています。ユーザーがこのdiv上でマウスのカーソルを動かすと、他の情報とdivが表示されます。jQuery - "this"要素と "parent(s)"

  <div class="dost"> 
       3 days | 
       <span>deliv</span> 
       <div class="deliv_bubble"> 
        <div><strong>aaa</strong></div> 
             <div><strong>bbb</strong></div> 
             <div><strong>ccc</strong></div> 
       </div> 
      </div> 

$('div.dost span').mouseover(function() { 
    $('div.dost div.deliv_bubble').show(); 
}); 

このhtml構造を100回印刷しました。私の問題は、私は、テキストdeliv 上にマウスカーソルを移動するとdeliv_bubbleを示したことになるのdivだから、あるが、残念ながら100回...私は...これだけで1時間を表示しようとしています

誰でも助けてくれますか、どうか私は間違っていますか?

$('div.dost span').mouseover(function() { 
    $(this).parent().find('div.deliv_bubble').show(); 
}); 

$(this).parent()は、対応する親div.dost

・ホープこのことができますが返されます: は

答えて

1

これを行うありがとうございます。それを行う必要があります

$('div.dost span').mouseover(function() { 
    $(this).siblings('div.deliv_bubble').show(); 
}); 
+0

「Edgar」はとても素早く答えてくれてありがとう! – user1946705

+0

あなたは大歓迎です:) –

1

はこれを試してみてください。

1
$('div.dost span').mouseover(function() { 
    $(this).siblings('.deliv_bubble').show(); 
}); 

:乾杯