通过js遍历ul下的li，给每行的最后一个li赋上不同CLASS值！急，有会的帮下忙吧！
每行3个li，CSS已经写好了。因为是动态循环，所以我问的是怎么用JS控制每行前2个li的CLASS=picrp第3个的CLASS=picrt代码:<ul><liclas...
每行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> 展开
代码:
<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> 展开
4个回答
展开全部
<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的样式
}
所有的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");
$("ul li:not(:nth-child(3n))").addClass("picrp");
$("ul li:nth-child(3n)").addClass("picrt");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
