添加类儿童 - 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的

回答

相关问题