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目录里的字体自动恢复成黑色（将样式清除）。我怎么也取不到其他目录的样式，选择器应该怎么写呢？求助大神！！

解决方案 »

  1.   

    你把全部内容，包括你下载的插件js的内容及你自己写的css、js， 全部都放在一个html文件里， 再贴上来吧， 你这样子我们都不知所云的。
      

  2.   


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

  3.   

    放在一个地方吧， 这样多好， 不用复制粘贴几次。
    <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>
      

  4.   

    我的html代码贴的有问题，每个li里的标题都是带a标签超链接的。。因为是自己手敲的，所以漏写了。。
      

  5.   

    稍微改下就行了            $(".subitem").find('a').click(function (){               
                    $(".subitem").find('a').removeClass("current");
                    $(this).addClass("current"); 
                });