javascript - 从 jquery 添加 on click 时如何传递被单击的控件的实例？

Question

我正在开发一个侧面导航栏，并在侧边栏中的实际链接周围有一个标签以提供填充和边框。我希望用户能够单击此标签中的任意位置并转到链接。我为此编写了这个函数:

function allowLabelClick(control) {
        $(control).find('a')[0].click();
}

如果将此内联添加到单个标签的 onclick 并将 (this) 作为参数传递，则它可以正常工作。然而，我基本上有 100 个左右的链接，所有链接都与“outerLabel”类相关，并且不想手动为每个链接添加 onclick。相反，我想将其添加到具有类outerLabel 的所有元素中。为此，我写了这一行:

$('.outerLabel').on("click", allowLabelClick());

在我的 JavaScript 中。但是我不知道要在allowLabelClick 参数中传递什么。我希望它是被单击的 DOM 元素，但“this”不起作用，我不确定还可以尝试什么。

谢谢

Answer 1

使用匿名函数:

$('.outerLabel').on("click", function() { allowLabelClick(this); });