javascript - 类切换主干，javascript

Question

我在它上面有一个按钮和图标。当我单击按钮时，类成功切换，但是，当我单击按钮内的图标时，类不会切换。这是我的html：

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne-{{id}}">
    <button id="btnCollapse" class="btn" style="width: 25px;" type="button">
        <i id="accordionIcon-{{id}}" class="right"></i>
    </button>
</a>

和javascript：

events: {
  'click #btnCollapse': 'handleClass',
  'click .right': 'handleClass'
},

handleClass: function(event) {
  $(event.target).find('i').toggleClass('right down');
}

Answer 1

像这样使用处理程序：

handleClass: function(event) {
  var $target;
  if (event.target.tagName.toUpperCase() == 'I') {
    $target = $(event.target);
  } else {
    $target = $(event.target).find('i');
  }

  $target.toggleClass('right down');
}

Answer 2

您可能想尝试event.currentTarget而不是event.target.

“此属性通常等于函数的 this。”
http://api.jquery.com/event.currentTarget/