更改嵌套div中的類名稱

我有一個嵌套的div如下，我如何更改id在內部的div的跨度類？謝謝。我的代碼如下：更改嵌套div中的類名稱

$("#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>

來源

2012-03-01 user1077300

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

來源

2012-03-01 15:52:18 jbabey

要從#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

來源

2012-03-01 15:52:42

謝謝，但我需要使用「id = top」div。有沒有辦法做到這一點？我必須指定哪一個內部一個beceuse有兩個。 – user1077300 2012-03-01 15:59:42

是的，試試$（'＃top＃inside-one span.myclass'）。toggleClass（'myclass-new'）; – 2012-03-01 16:01:22

更改嵌套div中的類名稱

回答

相關問題