帮忙这个该怎么写? 本帖最后由 imtns59521 于 2011-10-19 10:30:34 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 $("a.selected:contains('首页')").remove() $('#staticMenu > ul > li').click(function(){ $(this).find('a').addClass('selected').end().siblings().find('a').removeClass('selected');})楼主 试试,,没测试。 $("#staticMenu ul a").click(function(){ $("#staticMenu ul a").removeClass(); $(this).addClass("selected");}); var staticMenu = document.getElementById("staticMenu");var all = staticMenu.getElementsByTagName("a");staticMenu.onclick = function(e){ var e = window.event || e; var target = e.target || e.srcElement; if(target.nodeName == "A" && target.className != "selected"){ for(var i =0,l = all.length;i<l;i++){ all[i].className = ""; } target.className = "selected"; }} 当然LZ也可以把点击过的a保存到一个变量里,将之前变量的className = ""就可以了.像这种需要在很多a标签上绑定相同事件的情况下,会消耗很大内存,还是利用事件机制来的效果好,只要绑定一个事件 <html><head><script src='http://code.jquery.com/jquery-latest.js'></script><script>$(function(){ $('#staticMenu>ul>li>a:first-child').click(function(){ $('#staticMenu>ul>li>a:.selected').removeClass('selected'); $(this).addClass('selected'); })})</script><style>.selected{ color:red;}</style></head><body><div class='menu' id="staticMenu"><ul> <li><a class='aaa'>首页</a></li> <li><a>卡通背景管理</a> <ul> <li><a href="BackgroundImageTypeList.aspx">背景分类列表</a></li> <li><a href="BackgroundImageTypeAdd.aspx">添加背景分类</a></li> </ul> </li> <li><a>系统形象管理</a> <ul> <li><a href="SysModellingManager.aspx">形象列表</a></li> <li><a href="SysModellingFileUpload.aspx">添加系统形象</a></li> </ul> </li> <li><a>产品管理中心</a> <ul> <li><a href="ProductManager.aspx">产品管理</a></li> </ul> </li></ul></div></body></html> 我不点击卡通背景管理,我点击背景分类管理想让卡通背景管理selected,该怎么办呢 $('#staticMenu>ul>li>ul').click(function(){var $li = $(this).parent();$li.addClass('selected');$li.siblings().removeClass('selected');}); 谁帮我解密下这个JS文件,试了很多方法都解不出来 window.opener在chrome中的兼容问题 帮忙看下错误:null 为空或不是对象(谢谢) 未何不见了 有时候,登录某些网站时,浏览器弹出一个窗口,要输入用户名和密码,这是怎么实现的? 根据下拉列表的值生成不同控件 很菜的一个问题,求解,谢谢 求救复选框问题!!!! iframe问题 Ext4中window怎么接收参数,急急急! extjs tabpanel刷新问题 还得请大家帮忙
$(this).find('a').addClass('selected').end().siblings().find('a').removeClass('selected');
})
楼主 试试,,没测试。
$("#staticMenu ul a").click(function(){
$("#staticMenu ul a").removeClass();
$(this).addClass("selected");
});
var staticMenu = document.getElementById("staticMenu");
var all = staticMenu.getElementsByTagName("a");
staticMenu.onclick = function(e){
var e = window.event || e;
var target = e.target || e.srcElement;
if(target.nodeName == "A" && target.className != "selected"){
for(var i =0,l = all.length;i<l;i++){
all[i].className = "";
}
target.className = "selected";
}
}
像这种需要在很多a标签上绑定相同事件的情况下,会消耗很大内存,还是利用事件机制来的效果好,只要绑定一个事件
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script>
$(function(){
$('#staticMenu>ul>li>a:first-child').click(function(){
$('#staticMenu>ul>li>a:.selected').removeClass('selected');
$(this).addClass('selected');
})
})
</script>
<style>
.selected{
color:red;
}
</style>
</head>
<body>
<div class='menu' id="staticMenu">
<ul>
<li><a class='aaa'>首页</a></li>
<li><a>卡通背景管理</a>
<ul>
<li><a href="BackgroundImageTypeList.aspx">背景分类列表</a></li>
<li><a href="BackgroundImageTypeAdd.aspx">添加背景分类</a></li>
</ul>
</li>
<li><a>系统形象管理</a>
<ul>
<li><a href="SysModellingManager.aspx">形象列表</a></li>
<li><a href="SysModellingFileUpload.aspx">添加系统形象</a></li>
</ul>
</li>
<li><a>产品管理中心</a>
<ul>
<li><a href="ProductManager.aspx">产品管理</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
var $li = $(this).parent();
$li.addClass('selected');
$li.siblings().removeClass('selected');
});