jquery 单击时更改按钮内跨度的类

Question

我有一个如下按钮，我想更改其上的 span 的类名。但下面的代码不起作用。我怎样才能做到这一点？

<button id="btn_new">
<span class="ui-icon ui-icon-plus"></span>new
</button>

jquery代码：

$('#btn_new').click(function({
   $(this).find('span').toggleClass('ui-icon-plus ui-icon-tick');
});

我也尝试过这个：

$('#btn_new').click(function({
   $(this).find('span').removeClass('ui-icon-plus').addClass('ui-icon-tick');
});

Answer 1

那么你可以尝试像这样的removeClass和addClass

$('#btn_new').click(function({ 
      $(this).find('span').removeClass('ui-icon-plus');
      $(this).find('span').addClass('ui-icon-tick');
});