Question

我正在尝试触及单击按钮的类，因此我可以使用泛型事件淡出泛型类“gen”的所有元素，但属于单击的按钮元素的元素除外。

$(document).ready(function(){
    $(this).click(function(){
        $("div .gen").not($(this).class).fadeOut(1000);
    });
});

当我想要保持点击按钮的类可见时，它正在逐渐淡出类gen的所有元素。

HTML：

 <ul class="nav navbar-nav navbar-left">

        <li class="active" class="all"><a href="#shop">All</a></li>
        <li><a href="#showcase" class="tuning">Tuning</a></li>
        <li><a href="#help" class="drifting">Drifting</a></li>
        <li><a href="#my account" class="video">Video</a></li>
        <li><a href="#cart" class="auto">Auto Shows </a></li>
        <li><a href="#cart" class="memes">Memes </a></li>
        <li><a href="#cart" class="muscle">Muscle Cars </a></li>
      </ul>

我想点击<a>元素并保持<a>同一类中的项目可见。

Answer 1

我更喜欢更明确的方式：点击元素后添加属性或额外的类，以标记其状态。然后选择除此属性之外的所有内容。

$('button.gen').click(function(){
  $(this).attr('clicked', true);
  $("button.gen").not("[clicked='true']").fadeOut(1000);
});

找到$（这个）的类

1 个答案: