<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>