添加類兒童 - jQuery的

我有這樣的HTML代碼：添加類兒童 - jQuery的

<div class="rotation"> 
    <ul> 
    <li><img src="..." alt="" /></li> 
    <li><img src="..." alt="" /></li> 
    <li><img src="..." alt="" /></li> 
    </ul> 
</div>

我需要添加類UL，我想用jQuery來做到這一點，因爲沒有任何一類產生UL，李。
假設ul標籤需要是<ul class="image_rotation">。我該怎麼做？

來源

2012-07-05 miszczu

Read about jQuery's addClass method here.

$('.rotation ul').addClass('image_rotation');

上面的代碼將一類image_rotation添加到每個ul，其與類rotation任何元件的後代。

如果您只想定位ul S中的一類的rotation元素的直接子，使用child selector (>)：

$('.rotation > ul').addClass('image_rotation');

如果你只想做一個.rotation元素，你應該給它一個ID並選擇它。例如：

$('#rotation ul');

和

<div id="rotation" class="rotation"> 
    <ul> 
     <li><img src="..." alt="" /></li> 
     <li><img src="..." alt="" /></li> 
     <li><img src="..." alt="" /></li> 
    </ul> 
</div>

來源

2012-07-05 15:00:12 lbstr

這是比谷歌更好。我寫了我的問題，30秒後我得到了答案。在此之前，我正在尋找這個在谷歌10分鐘。非常好的答案btw。 – miszczu 2012-07-05 15:11:10

@miszczu謝謝你，是的，這個網站非常有幫助。友情提示：請小心提問這樣的問題。取決於您投入了多少研究工作，以及問題的清晰程度，我們可以對您的問題進行升級或降低評分。這個問題非常清楚，但我之前看到你有一個downvote（現在看起來像你回0）。這可能是因爲你沒有做任何研究工作。請記住顯示您迄今爲止所嘗試的內容以及您看過的文檔。有時候，這樣做後，你可以自己回答這個問題！乾杯 – lbstr 2012-07-05 15:35:50

$(".rotation").children("ul").addClass("MyClass");

來源

2012-07-05 15:00:26

'children'有一個小寫的c，你在'（'.rotation「）之前缺少'$'或'jQuery'＃ – lbstr 2012-07-05 15:04:44

@lbstr - 是的更新感謝poiting .. .. – 2012-07-05 18:07:56

它很容易，只是做：

$(document).ready(function(){ 
    $('div.rotation ul').addClass('image_rotation'); 
});

來源

2012-07-05 15:00:26 exaptis

我會建議保持簡單：

$('div.rotation ul').addClass('image_rotation');

或者，如果你有div.rotation元內的多個ul元素，你可以指定第一ul：

$('div.rotation ul:first').addClass('image_rotation');

最後ul：

$('div.rotation ul:last').addClass('image_rotation');

或者任意波形從零開始的索引的ul，例如第三個ul（索引爲2）：

$('div.rotation ul:eq(2)').addClass('image_rotation');

或：

$('div.rotation ul').eq(2).addClass('image_rotation');

或直接子（嵌套在任何其他元素，使其沒有ul元素）：

$('div.rotation > ul').addClass('image_rotation');

參考文獻：

來源

2012-07-05 15:00:27

您只需要在div中找到UL併爲其指定類別即可。你可以看到它在這個demo，但對你的HTML代碼如下

$(document).ready(function(){ 
    $('ul','div.rotation').each(function(index){ 
     $(this).addClass('image_rotation'); 
    }); 
});

來源

2012-07-05 15:03:26 Nir

$(".rotation ul").attr("class","image_rotation");

來源

2012-07-05 15:07:04

添加類兒童 - jQuery的

回答

相關問題