jQuery选择器的有关问题

2012-12-23

jQuery选择器的问题.current { color:#568800font-weight:bold}.subitem a { text-decoration:none}.sub

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"); 
            });

热点排行