提示無法正常工作

Question

<?php 
foreach ($query as $row){ 
echo '<tr><td> 
    <label class="checkbox"> 
    '.form_checkbox('delete[]', $row['link']).anchor("site/see_art/".$row['feed_id'],$row['title'],'class="abc"'). 
    '<div class="tooltip-inner">'.$row['description'].'</div></td><td>'.substr($row['pub_date'], 5, 12). 
    '</label> 
    </td></tr>' 
    ; 
} 
?> 

JS：

$(".abc").mouseenter(function(){ 
    clearTimeout($('.tooltip-inner').data('timeoutId')); 
    $('.tooltip-inner').show(200); 
}).mouseleave(function(){ 
    var timeoutId = setTimeout(function(){ 
     $('.tooltip-inner').hide(200); 
    }, 650); 
    $('.tooltip-inner').data('timeoutId', timeoutId); 
}); 

$(".tooltip-inner").mouseenter(function(){ 
    clearTimeout($('.tooltip-inner').data('timeoutId')); 
}).mouseleave(function(){ 
    var timeoutId = setTimeout(function(){ 
     $('.tooltip-inner').hide(200); 
    }, 650); 
    $('.tooltip-inner').data('timeoutId', timeoutId); 
}); 

鑑於我有，我表現出一定的標題的表。我想在懸停鏈接時顯示標題的描述。我的問題是，當我將鼠標懸停在鏈接上時，它顯示了所有鏈接的描述。我不知道如何解決這個問題。

Answer 1

這是因爲$('.tooltip-inner')選擇器 - 它選擇與tooltip-inner類的所有元素。

您試圖選擇的div（<div class="tooltip-inner">）是觸發事件的錨的同級（<a class="abc"）。要選擇此div，使用siblings()方法：

$(this).siblings(".tooltip-inner")... 

然而，你將需要重新修改您的HTML和JavaScript的其他地方有它的工作。