更改嵌套div中的类名

Question

我有一个嵌套的div，如下所示，如何更改id为inside-one的div中的span类？ 谢谢。 我的代码如下：

$("#top span.myclass").removeClass("myclass").addClass("myclass-new");

<div id="top">
    <div id="inside-one">
       <span id="s1" class="myclass"></span>
    </div>
<div id="inside-two">
       <span id="s2" class="myclass"></span>
</div>

Answer 1

$('#inside-one').find('span').removeClass('myClass').addClass('myClass-new');

Answer 2

从#top访问而不使用范围ID

$('#top #inside-one span.myclass').toggleClass('myclass-new');

从#inside-one访问而不使用范围ID

$('#inside-one span.myclass').toggleClass('myclass-new');

或仅使用范围ID

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

修改：如果您在#inside-one内有多个范围，并希望仅使用.myclass（DEMO）访问第一个范围

$('#top #inside-one span.myclass:first-child').toggleClass('myclass-new');

DEMO