日期:2014-05-16  浏览次数:20338 次

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>
    <