jquery高亮当前选中菜单
<ulclass="menu"> <liclass="active">a</li> <li>b<...
<ul class="menu"> <li class="active">a</li> <li>b</li> <li>c</li> <li>d</li> <li>f</li></ul> 如上，每个li都不许加上id，当一个li的class为active时，这个li就呈高亮状态。看我的代码：$(function(){ $(".menu li").click(function(){ $("li").index(this).addClass("active");//让当前选中的li加上类active，选择器怎么选？ $(".menu").removeClass("active");//让其他的li移除active类，又怎么选呢？});});
展开
1个回答
展开全部
<html>
<head>
<title>demo</title>
<style type="text/css">
.active
{
color: red;
}
</style>
<script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".menu li").click(function () {
$("li[class='active']").removeAttr("class");
$(this).addClass("active");
});
});
</script>
</head>
<body>
<ul class="menu">
<li class="active">a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>f</li>
</ul>
</body>
</html>
<head>
<title>demo</title>
<style type="text/css">
.active
{
color: red;
}
</style>
<script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".menu li").click(function () {
$("li[class='active']").removeAttr("class");
$(this).addClass("active");
});
});
</script>
</head>
<body>
<ul class="menu">
<li class="active">a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>f</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
