指定在我的 Jquery .click 函数中使用哪个“this”

Posted 2023-05-09

【中文标题】指定在我的 Jquery .click 函数中使用哪个“this”

【英文标题】：Specifying which "this" to use in my Jquery .click function

【发布时间】：2014-03-28 08:59:57

【问题描述】：

我在搜索时遇到了措辞问题，似乎找不到任何可以向我解释问题的内容，所以我需要帮助！

下面是我的 JS：

    $(".container").hover(function() 
        $(this).next().slideDown(500);
        $(this).css("opacity", "0.5");
    );

    $(".overlay > img").click(function() 
        $(this).slideUp(500);
        $(this).hide(750);
        $(this).prev().css("opacity", "1.0");
    );

虽然我应该发布我的 html，但我认为解释起来很简单。我有一个内容容器（“.container”），它有一个悬停事件来滑动我的覆盖容器（“.overlay”）。一旦我的覆盖容器启动，用户可以单击一个小的“x”来关闭它（即 img）。但是，我的页面中有几个这样的容器和覆盖 div，因此我使用“this”选择器。我如何告诉“this”，在 .click 函数中只引用“.overlay”类而不是 img。目前它隐藏了“x”图像。

感谢您的任何帮助！！！！

【问题讨论】：

为什么要无缘无故投反对票？！

【参考方案1】：

用途：

$(this).closest('.overlay');

这会将你返回到最近的父级树，class='overlay'，你可以采取行动。

【参考方案2】：

$(this).parent()

应该针对.overlay

【讨论】：

好吧，在这种情况下它会起作用。否则可以使用 $(this).closest('.overlay')。