Question

求javascript代码：改变ul>li>span的class

<ul id="news">
<li><a href="####">123</a><span class="time">06-28</span></li>
<li><a href="####">456</a><span class="time">03-25</span></li>
<li><a href="####">789</a><span class="time">01-09</span></li>
</ul>

我写了一段代码循环出了所有的span并取得了里面的日期值，然后用substr();函数把日期前面的月份数字取出来了：

<script>
for (var i=0; i<5; i++){
//取得li下span中的日期：<span="time">xx-xx</span>
var obj = document.getElementById("news").getElementsByTagName("span")[i];
var str = obj.innerHTML;
var yuefen = str.substr(0, 2);//将06-28后面的-28截断掉只留下月份06
alert(yuefen);
}
</script>

现在我要根据这个月份的数字用 JQ 的 .addClass(""); 来给每个 span 添加名字为：
.y01-y12的class(对应月份)，比如：
<span class="time">12-28</span>取得的月份是12，那么添加后就是：<span class="time y12">06-28</span>

求代码，解决问题后追加100分!

Answer 1

$("ul > li > span").each(function() { 
	var month = $(this).text().substr(0, 2);
	$(this).addClass('y' + month);
});