用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色

luofx623600186 2012-08-23 03:39:59
我有个数组a(1,2,3)
我循环遍历输出a的值
<ul>
<li><a onclick="show();"><b>a[0]<b><a></li>
<li><a onclick="show();"><b>a[1]<b><a></li>
<li><a onclick="show();"><b>a[2]<b><a></li>
点击1,1变色,点击2,2变色,但1会变回原来的颜色.我show方法实现了其他的而功能
...全文
231 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
未知数 2012-08-24
  • 打赏
  • 举报
回复
我有个数组a(1,2,3)
我循环遍历输出a的值
<li id="li0"><a onclick="show(0);"><b>a[0]<b><a></li>
<li id="li1"><a onclick="show(1);"><b>a[1]<b><a></li>
<li id="li2"><a onclick="show(2);"><b>a[2]<b><a></li>

function(index)
{
for(var i=0;i<3;i++)
{
var liobj=document.getElementById("li"+index);
if(index==i) liobj.style.backgroundColor="#00ff00";
else liobj.style.backgroundColor="#ffffff";
}

}
zhangxin840 2012-08-24
  • 打赏
  • 举报
回复
用CSS定义class的颜色 然后在点击响应方法中添加或者移除相应的class
roffer 2012-08-24
  • 打赏
  • 举报
回复
定义一个style样式的class名称:color
$(function(){
var obj;
$('a').click(function(){
if(obj)obj.removeClass('color');
$(this).addClass('color');
obj = $(this);
})
})
roffer 2012-08-24
  • 打赏
  • 举报
回复
用CSS定义class的颜色 然后在点击响应方法中添加或者移除相应的class

$(function(){
var obj;
$('a').click(function(){
if(obj)obj.removeClass('className');
$(this).addClass('className');
obj = $(this);
})
})
roffer 2012-08-24
  • 打赏
  • 举报
回复
用CSS定义class的颜色 然后在点击响应方法中添加或者移除相应的class

$(function(){
var obj;
$('a').click(function(){
if(obj)obj.removeClass('className');
$(this).addClass('className');
obj = $(this);
})
})
linfei721 2012-08-24
  • 打赏
  • 举报
回复

<script src="../scripts/jquery.js"></script>
<script type="text/javascript">
$(function () {
$("li").toggle(function () {
$(this).addClass("tt");
}, function () {
$(this).removeClass("tt");
});
});
</script>
<style type="text/css">
.tt
{
color:red;
}
</style>

87,991

社区成员

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

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