向class添加类 - 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

addClass在这里阅读jQuery的方法.

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

上面的代码将为image_rotation每个ul与类的任何元素的后代添加一个类rotation.

如果您只想定位具有类的元素ul的直接子元素rotation,请使用子选择器(>):

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

或者,如果ul元素中有多个元素div.rotation,则可以指定第一个元素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选择器.
• :first选择器.
• :last选择器.