jquery - 使用 jQuery 在悬停时显示链接

Question

期望的结果:我希望只看到我当前悬停的表格行的隐藏文本(一组链接)。

问题:我看到包含 id blog_title 的每一行的链接(正如此特定代码所预期的那样)。

这是我当前的代码片段:

$("td:has(#blog_title)").hover(function () {
            $('.hidden').show();
        }, function () {
            $('.hidden').hide();
        });

我觉得我在这里缺少一些简单的东西。我正在学习 jQuery(非常缓慢，因为我很少使用它)并且会很感激朝着正确的方向前进。我在想我需要在某个地方使用 $(this) 但我不确定如何实现它。

Answer 1

尝试使用 jQuery find()方法(或 children() 如果 .hidden 元素只是表行的直接子元素):

    $("td:has(#blog_title)").hover(function () {
        $(this).find('.hidden').show();
    }, function () {
        $(this).find('.hidden').hide();
    });