javascript - 如何从另一个按钮激活一个按钮

Question

我的问题与之前提出的其他问题有点不同，因为我主要是想激活但(不仅是触发它)。这是我的语法:

$("#second_btn").click(function(){
       $('#first_btn').addClass('active');
    })

#first_btn{
      background-color: green;
    }
    #first_btn:active{
      background-color: yellow;
    }
    
    #first_btn.active{
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="first_btn">
    first_btn
    </button>
    <button id="second_btn">
    second_btn
    </button>

基本上我正在寻找的是当单击第二个按钮时我希望第一个按钮被触发并且按钮(第一个)的颜色也应该更改为黄色，就像单击第一个按钮一样。

这是它的 jsFiddle 版本:click here

你能帮我找出我遗漏了什么吗？

Answer 1

$('#btn').addClass('active');

你那里有一些错误: - 首先 #btn 解析为空(这不是您的 DOM 中的 ID) - 您正在添加一个“事件”类，因此您必须在您的 css 中针对该类。请注意，我将“:”(伪元素)更改为“.”(类选择器)

#first_btn.active{
  background-color: yellow;
}

试一试，再遇到麻烦就来这里;)

编辑:

这可能不是最好的方法，但它可能有助于实现您想要的:

$("#second_btn").click(function(){
    $('#first_btn').toggleClass('active');
  window.setTimeout(function(){
    $('#first_btn').toggleClass('active');
  }, 100);
})

我在这里所做的是设置一个“事件”类(将按钮涂成黄色)并在 0.1 秒的时间段后再次切换该类(恢复原始按钮颜色)。

你怎么看？