jquery 如何取消与增加classname

wchunge 2010-02-24 02:33:02


<div id="list">
<span id="s1">aa</span>
<span id="s2">bb</span>
<span id="s3">cc</span>
</div>

需要的结果:当点 s1时,增加classname,s2,s3不变,
当点 s2时,s1去除calssname,s2增加classname,s3不变
以此类推

谢谢!

...全文
732 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
shan1119 2010-02-24
  • 打赏
  • 举报
回复
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#list span").click(function(){
$("#list span").removeClass("cls")
$(this).addClass("cls")
});
});
</script>
<style type="text/css">
.cls {border:1px solid black;}
</style>


<div id="list">
<span id="s1">aa </span>
<span id="s2">bb </span>
<span id="s3">cc </span>
</div>
varkychan 2010-02-24
  • 打赏
  • 举报
回复
$('#list span').click(function(){
$(this).siblings().removeClass('classname').end().addClass('classname');
});
孟子E章 2010-02-24
  • 打赏
  • 举报
回复
http://api.jquery.com/removeClass/
http://api.jquery.com/addClass/

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧