js给循环ul下第一个LI和最后一个LI,加上class
发布在:网站学习 评论: 0 条评论

js给循环ul下第一个LI和最后一个LI,加上class

发表于:2018-10-07 09:49:56      发布在:网站学习      评论:0 条评论

1.列表样式


<ul class="ubs">
<li class="drivers"><a href="">123</a></li>
<li class="drivers"><a href="">123</a></li>       
<li class="drivers"><a href="">123</a></li>
<li class="drivers"><a href="">123</a></li>
 </ul>


2.用jquery方法


$('ul.ubs').each(function(){
  $(this).children(':first').addClass('aaa')
  $(this).children(':last').addClass('bbb')
})


3.效果显示


<ul class="ubs">
<li class="drivers aaa"><a href="">123</a></li>
<li class="drivers"><a href="">123</a></li>       
<li class="drivers"><a href="">123</a></li>
<li class="drivers bbb"><a href="">123</a></li>
 </ul>


4.可以给它添上样式


.ubs.aaa{
   color: red;
}
第一个Li标签字体颜色会以红色显示


评论
你好,访客