我有这个
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”>.我该怎么做?
解决方法@H_301_9@
Read about jQuery’s addClass
method here.
$('.rotation ul').addClass('image_rotation');
上面的代码将为每个ul添加一类image_rotation,它是具有类旋转的任何元素的后代.
如果您只想定位具有旋转类的元素的直接子节点的uls,请使用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>
addClass
method here.
$('.rotation ul').addClass('image_rotation');
上面的代码将为每个ul添加一类image_rotation,它是具有类旋转的任何元素的后代.
如果您只想定位具有旋转类的元素的直接子节点的uls,请使用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>