读书人

jQuery选择器的有关问题

发布时间: 2012-12-23 11:28:15 作者: rapoo

jQuery选择器的问题


.current { color:#568800;font-weight:bold;}
.subitem a { text-decoration:none}
.subitem a:hover { text-decoration:none; color:#568800;font-weight:bold;}



<ul id="tree">
<li class="item">
2011-04-10
<ul>
<li class="subitem">调度通知说仪表科看不...</li>
<li class="subitem">调度通知192.16...</li>
</ul>
</li>
<li class="item">
2011-04-09
<ul>
<li class="subitem">调度通知 16701...</li>
</ul>
</li>
</ul>



$(".subitem").click(function (){
$(this).children().addClass("current").parent().siblings().children("a").removeClass("current");
});




我在网上下载了一个jQuery的treeview插件。但是现在想设置成点击A目录里的东西,将标题设置为绿色,然后点B目录下的东西时,A目录里的字体自动恢复成黑色(将样式清除)。我怎么也取不到其他目录的样式,选择器应该怎么写呢?求助大神!!
[最优解释]

.current { color:#568800;font-weight:bold;}
.subitem:hover { text-decoration:none; color:#568800;font-weight:bold;}



<ul id="tree">
<li class="item">
2011-04-10
<ul>
<li class="subitem">调度通知说仪表科看不...</li>
<li class="subitem">调度通知192.16...</li>
</ul>
</li>
<li class="item">
2011-04-09
<ul>
<li class="subitem">调度通知 16701...</li>
</ul>
</li>
</ul>




$(".subitem").click(function (){
$(this).addClass("current").parents(".item").siblings().children(".subitem").removeClass("current");
});


[其他解释]
放在一个地方吧, 这样多好, 不用复制粘贴几次。
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<style type="text/css">
.current
{
color: #568800;
font-weight: bold;
}
.subitem:hover
{
text-decoration: none;
color: #568800;
font-weight: bold;
}
</style>
<script type="text/javascript">


$(function() {
$(".subitem").click(function (){
//你想的太复杂了。将所有子项都移除样式,再给自己加上样式
$(".subitem").removeClass("current");
$(this).addClass("current");
});
});
</script>
</head>
<body>
<ul id="tree">
<li class="item">2011-04-10
<ul>
<li class="subitem">调度通知说仪表科看不...</li>
<li class="subitem">调度通知192.16...</li>
</ul>
</li>
<li class="item">2011-04-09
<ul>
<li class="subitem">调度通知 16701...</li>
</ul>
</li>
</ul>
</body>
</html>


[其他解释]
你把全部内容,包括你下载的插件js的内容及你自己写的css、js, 全部都放在一个html文件里, 再贴上来吧, 你这样子我们都不知所云的。
[其他解释]
引用:
放在一个地方吧, 这样多好, 不用复制粘贴几次。
JavaScript code?1234567891011121314151617181920212223242526272829303132333435363738394041424344<html><head> <title></title> <meta http-equiv="Content-Type"……
++
[其他解释]
我的html代码贴的有问题,每个li里的标题都是带a标签超链接的。。因为是自己手敲的,所以漏写了。。
[其他解释]
是子菜单的li中文字带超链接
[其他解释]
问题解决了,谢谢各位老师
[其他解释]
稍微改下就行了

$(".subitem").find('a').click(function (){
$(".subitem").find('a').removeClass("current");
$(this).addClass("current");
});

读书人网 >JavaScript

热点推荐