jquery - 在 jQuery 中使用 on() 获取容器

Question

我在 div 内有一个按钮来隐藏该 div，并且我想将 div 传递给处理程序。这是我当前的代码:

$('#hidden-div').on('click', '#hide-btn', { element : $('#hidden-div') }, hideElement);

有什么办法可以避免重新选择容器吗？像这样的东西会很好:

$('#hidden-div').on('click', '#hide-btn', { element : $(this) }, hideElement);

Answer 1

event.delegateTarget保存 DOM 元素引用。

$('#hidden-div').on('click', '#hide-btn', hideElement);

function hideElement(e) {
    $(e.delegateTarget)//do stuff
}

您仍然需要将其包装在 jQuery 对象内，但从 DOM 元素引用创建 jQuery 对象不会查询 DOM。