javascript - Jquery - 我可以撤消上一个元素的事件吗？

Question

我想问一下，是否可以撤消对触发某些事件的前一个元素的操作。

为了说明我的问题，我们可以使用:

HTML :

<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>

jQuery :

$('a').on('click',function(e) {
  $(this).addClass('ok');
  // looking a way to manipulate previous <a> which fired event, before i will add class to $(this)
});

如果我先点击<a>它将添加 ok 类。我只想从 <a> 中删除此类点击第二个 <a> .

所以我先点击<a>它有好的类(class)。接下来我点击第二个 <a>第二个<a>现在可以上课但不是第一个(我将此操作称为撤消)。

然后我点击第三个 <a> , 上次点击 <a>不应该上课。我希望一切都清楚。

Answer 1

只删除兄弟元素上的类

$('a').on('click',function(e) {
  $(this).addClass('ok').siblings().removeClass('ok')
});

a {display: block}
.ok {color : red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#">First</a>
<a href="#">Second</a>
<a href="#">Third</a>
<a href="#">Fourth</a>