javascript - 单击具有相同类的元素并删除先前的属性

Question

我有这样的结构

<div class='row'>
  <span class="fake-label"></span>
</div>
<div class='row'>
  <span class="fake-label"></span>
</div>
<div class='row'>
  <span class="fake-label"></span>
</div>

当我点击任何“假标签”时，jquery 代码就会被评估

$('span.fake-label').click(function() {
        $(this).parents('.row').addClass('bet-popup-active');
        $(this).parents('.row').find('.popup-bet').removeClass('js-slide-hidden');
        $(this).parents('.row').find('.popup-bet').fadeIn(300).css('display','block');
        setTimeout(function(){
            $('.input-bet > input').focus();
        },5);
    });

问题是我不知道如何在点击其他“假标签”时从之前点击的“假标签”中删除 jquery 代码。

Answer 1

如果您希望每个元素触发一次单击事件，您应该使用 one() method :

  $('label > span.fake-label').one( "click", function() {
    $(this).parents('.row').addClass('bet-popup-active');
    $(this).parents('.row').find('.popup-bet').removeClass('js-slide-hidden');
    $(this).parents('.row').find('.popup-bet').fadeIn(300).css('display','block');
    setTimeout(function(){
      $('.input-bet > input').focus();
    },5);
  });