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不变
以此类推

谢谢!

...全文
723 3 打赏 收藏 举报
写回复
3 条回复
切换为时间正序
当前发帖距今超过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/
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-24 02:33
社区公告
暂无公告