定位当前单击的元素实例

Target currently clicked instance of element

本文关键字：元素 实例 单击 定位      更新时间：2023-09-26

我有多个按钮元素的实例：

<div id="openambiance" class="openclose leftside"></div>
<div id="opendesign" class="openclose rightside"></div>
<div id="openperform" class="openclose leftside"></div>

它们带有不同的ID，因为单击每个ID会打开不同的面板。我希望当前打开的面板根据 .openclose-active 中的定义切换其打开/关闭按钮背景。然而，现实是，他们都受到了影响。我的初始代码看起来像这样，我很快意识到为什么它们都会受到影响：

$(document).ready(function() {
    $("#openambiance").click(function(e){
        $("#hiddenambiance").slideToggle(600,"easeInOutQuint");
        $(".openclose").toggleClass("openclose-active");
    });
});

所以我尝试针对特定元素：

$(this).find(".openclose").toggleClass( "openclose-active" );

这失败了，所以我继续.silumings，.next和.parent，但没有运气。它们仍然全部切换，或者只有以前的实例被切换。我迷路了:(

>this是您要查找的元素

$(document).ready(function() {
    $("#openambiance").click(function(e){
        $("#hiddenambiance").slideToggle(600,"easeInOutQuint");
        $(this).toggleClass("openclose-active openclose");
    });
});

您正在单击具有类openclose的按钮，因此您需要为this元素切换类，而不是为其任何后代切换类

相关文章：