我如何得到這部分內容DIV使用jquery

Question

我要顯示工具提示，當我在突出的「類= DIV」內的任何文本。我有以下HTML：

<div class='test'>Test</div> 
<div class='tooltip'>Tooltip 1</div> 

<div class='test'>Test 2</div> 
<div class='tooltip'>Tooltip 2</div> 

<div class='test'>Test 4</div> 
<div class='tooltip'>Tooltip 4</div> 

和下面的JavaScript：

<script type="text/javascript"> 
     $(document).ready(function() { 

      $('div.test').each(function() { 

       var tooltipHtml = //NEED to figure out how get the html of the Tooltip div below this current div 
       $(this).qtip({ 
        content: { 
         text: tooltipHtml 
        }, 
        style: { width: 450 } 
       }); 
      }); 
     }); 

我要如何從 「下一個」 提示DIV的HTML？

Answer 1

1：使用jQuery next()選擇它。

var tooltipHtml = $(this).next('.tooltip').html(); 

Answer 2

如果你想要的是一個提示，爲什麼不去做這樣的：如果沒有內容設置

<div class="test" title="Tooltip 1">Test 1</div> 
<div class="test" title="Tooltip 2">Test 2</div> 
<div class="test" title="Tooltip 4">Test 4</div> 

<script> 
$('.test[title]').qtip({ style: { name: 'cream', tip: true } }) 
</script> 

qTip自動使用title屬性。