Javascript 工具提示没有'；我不能正常工作

在视图中，我有一个表，其中显示了一些标题。我想在悬停链接时显示标题的描述。我的问题是，当我在一个链接上悬停时，它会向我显示所有链接的描述。我不知道如何修复此问题。

这是因为

$（'.tooltip-inner'）

选择器-它使用

tooltip-inner

类选择所有元素

您尝试选择的

div

（

）是触发事件的锚的同级（

方法：

但是，您需要重新编写HTML和JavaScript的其他部分才能使其正常工作。
问题是我必须用JS执行此操作。@user3429546哦，我完全忽略了这一点。那么，我的答案根本无效。您的意思是工具提示可以正常工作（在应该的时候显示和隐藏）但是它显示了错误的内容？工具提示可以正常工作，但是当我悬停任何标题时，它会显示每个标题的工具提示，而不仅仅是我悬停的标题。为什么要标记它？看起来像是jQuery/JavaScript问题。
<?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>'
    ;
}
?>

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

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