js循环ul下第一个LI和最后一个LI，并加上class

Question

<ul class="sub1">
<li class="drivers"><a href="">角色管理</a></li>
<li class="drivers"><a href="">用户管理</a></li>       
<li class="drivers"><a href="">部门管理</a></li>
<li class="drivers"><a href="">客户管理</a></li>
 </ul>最后要的效果是这样的
<ul class="sub1">
<li class="drivers aaa"><a href="">角色管理</a></li>
<li class="drivers"><a href="">用户管理</a></li>       
<li class="drivers"><a href="">部门管理</a></li>
<li class="drivers bbb"><a href="">客户管理</a></li>
 </ul>

Answer 1

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

Answer 2

$("li:first").addClass("drivers aaa");
$("li:last").addClass("drivers bbb");

Answer 3

不用循环啊
<ul class="sub1" id="x">
<li class="drivers"><a href="">角色管理</a></li>
<li class="drivers"><a href="">用户管理</a></li>  
<li class="drivers"><a href="">部门管理</a></li>
<li class="drivers"><a href="">客户管理</a></li>
 </ul>ls = document.getElementById("x").getElementsByTagName("li")
ls[0].className="drivers aa"
ls[ls.length-1].className="drivers bb"

Answer 4

jquery:$('ul.sub1 li:first').addClass("aaa")
$('ul.sub1 li:last').addClass("bbb")

Answer 5

用jquery就用五楼的，你是不是忘了加载jquery库了

Answer 6

lis = document.getElementById("x").getElementsByTagName("li");
lis[0].className="drivers aaa";
lis[lis.length-1].className="drivers bbb";

Answer 7

顶4楼。空的文本结点真麻烦。
var target=document.getElementsByTagName('ul')[0];
 var childs=target.childNodes;
 
 var firstN=target.firstChild;
 if(firstN.nodeType!=1) firstN=childs.item(1);

 var lastN=target.lastChild;
 
 if(lastN.nodeType!=1) lastN=childs.item(childs.length-2);
 
 firstN.className+=' aaa';
 lastN.className+=' aaa';