日期:2014-05-17  浏览次数:20856 次

jquery 如何获取更改className
<ul>
<li class="t1">aaaaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
我想实现点击那个li,就将它的className改成t1,其他的className="",使用jquery如何实现?

------解决方案--------------------
HTML code

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<style>
.t1{background:red}
</style>
<script>
var cur;
window.onload=function(){
  $("li").click(function(){
         if(cur == $(this)[0]) return false;
         if(cur!=null) cur.className = "";
         $(this)[0].className = "t1";
         cur = $(this)[0];
  })

}
</script>
<ul> 
<li>aaaaa </li> 
<li>bbb </li> 
<li>ccc </li> 
</ul>