如何用js设置类

Question

我有那个代码
<div id="first">
<li class="work"></li>
<li class="work"></li>
<li class="work"></li>
</div>
<div id="second">
<li class="work"></li>
<li class="work"></li>
<li class="work"></li>
</div>
<div id="third">
<li class="work"></li>
<li class="work"></li>
<li class="work"></li>
</div>
如何添加额外的类来使用javascript - ＆gt;需要像这样

<div id="first">
<li class="work first"></li>
<li class="work second"></li>
<li class="work last"></li>
</div>

Answer 1

var ele = document.getElementById('first').getElementsByTagName('li');
for(var i=0;i<ele.length;i++)
 {

      ele[i].className += ' '+'WhateverClassYouWant';
 }

Answer 2

如果结构要保持不变，那么在这个方向使用jquery就可以了。

$('#first li').first().addClass('first')
$('#first li').nth-child(2).addClass('second')
$('#first li').last().addClass('last')

此外，PSL评论中的通用代码肯定是很好的方法。