每行3个li,CSS已经写好了。因为是动态循环,所以我问的是怎么用JS控制每行前2个li的CLASS=picrp 第3个的CLASS=picrt
代码:
<ul>
<li class="picrp">
<li class="picrp">
<li class="picrt">
<li class="picrp">
<li class="picrp">
<li class="picrt">
<li class="picrp">
<li class="picrp">
<li class="picrt">
</ul>
<html>
<head></head>
<body>
<ul>
<li class="picrp">链嫌链
<li class="picrp">
<li class="者轿picrt">
<棚孙li class="picrp">
<li class="picrp">
<li class="picrt">
<li class="picrp">
<li class="picrp">
<li class="picrt">
</ul>
<script type="text/javascript">
var target = document.getElementByid("target");
var lis = target.getElementsByTagName('li');
var i_cur;
for(var i=0; i<lis.length; i++){
i_cur = i%2;
if(i_cur<1){
lis[i].className = 'picrp';
}else{
lis[i].className = 'picrt';
}
}
</script>
</body>
</htmL>
如果逗饥不缓指搭适用js来控制的话,你可以这样做:
所有的li的class都一样为扰拿 picrp
.picrp{//这是普通样式
}
.picrp:nth-child(3n-1){//所有3的倍数的li的样式
}
// 看你贴的代锋培码,3个li是一行吧
var lis = '';
var className;
for (var i = 0; i < 9; i++) {
if ((i + 1) % 3 银虚唯== 0) { // 誉租3, 6, 9
className = 'picrt';
} else {
className = 'picrp';
}
lis += '<li class="' + className + '"></li>'
}
alert(lis);
用jquery吧 比较简衫银塌单
$("搏码ul li:not(:nth-child(3n))").addClass("或圆picrp");
$("ul li:nth-child(3n)").addClass("picrt");