css类切换不切换类

Question

我试图切换我的类，一旦点击，但我有麻烦这样做 - 如果任何人都可以指出我失踪或做错了，这将是伟大的。

<a class="rGroupIcons icon-plus addUsersToGroup float_right" href="#" data-bind="attr: { 'data-user-id': ID()}"></a> 
<div class="Roles fade in" data-bind="foreach: $parent.Roles()"> 
    <a style="display: none;" class="roleType btn addUsersWithGroupRole" data-bind="text: RoleTypeName, attr: { 'data-roletype-id': RoleId() }"></a> 
           </div> 

的Javascript

$(document).on('click', '.addUsersToGroup', function (event) { 
      $(".addUsersToGroup", $(this)).toggleClass("icon-plus icon-minus"); 
     }); 

Answer 1

你只需要使用$（这）是此刻你在元素中寻找.addUsertsToGroup addUsertsToGroup

$(document).on('click', '.addUsersToGroup', function (event) { 
      $(this).toggleClass("icon-plus icon-minus"); 
     }); 

在这里工作例如http://jsfiddle.net/domjgreen/NLYNK/