向子类添加类- jquery

Question

我有这个html代码：

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

我需要向ul添加类，我想使用jquery来完成，因为ul，li是在没有任何类的情况下生成的。

假设ul标签需要为<ul class="image_rotation">。我该怎么做呢？

Answer 1

Read about jQuery's addClass method here.

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

上面的代码将为每个ul添加一个image_rotation类，该类是具有rotation类的任何元素的后代。

如果希望仅针对作为具有rotation类的元素的直接子元素的ul，请使用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>

Answer 2

我建议保持简单：

$('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');

参考文献：

• addClass().
• eq().
• :eq selector.
• :first selector.
• :last selector.

Answer 3

您所需要做的就是在div中找到UL并将其分配给您的类。您可以在这个demo中看到它，但是您的HTML代码如下

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