jquery-ui - 改变跨度的类别

Question

我有两个div，如下所示，我想更改div top2中span s1的类名。但下面的代码不起作用。我怎样才能做到这一点？

$('#top1 #s1 span.myclass-old').toggleClass('myclass-new');

<div id="top1">
   <span id="s1" class="myclass">a</span>
   <span id="s2" class="myclass">b</span>
</div>

<div id="top2">
   <span id="s1" class="myclass-old">a</span>
   <span id="s2" class="myclass">b</span>
</div>

Answer 1

如果您想将类(class)从“class-old”更改为“class-new”，请尝试以下代码:

$('#top1 #s1.myclass-old').removeClass('myclass-old').addClass('myclass-new');