Jquery - 访问元素给出 null

Question

我有一个页面，其中产品及其图像加载在表格中。图像最初是隐藏的，当鼠标悬停时我想显示图像。图像位于 div 标签内，产品名称显示为链接。在onready 函数，我将事件处理程序附加到链接，

$('a').each(function()
    {
        if( $(this).attr('id').match(/prod/)) 
        {
            $(this).mouseover(display());
        }
    });

在事件处理程序(称为显示的函数)中我正在调用

function display()
{
    $('div').each(function()
    {
        if( $(this).attr('id').match(/sx/)) 
        {
            alert("hi")
        }
    });
}

但是，我收到错误 $("div") is null

HTML 是:

 <table>
 <tr><td><a href="link">product name</a></td>
   <td><div class='.hidden'><table><tr><td><img   src=""></img></td></tr></table></div></td></table>

Answer 1

替换

$(this).mouseover(display());

与

$(this).mouseover(display);

您的代码正在执行函数display()，并将其返回值传递给mouseover。但您需要传递一个函数引用。