jQuery选择器的问题

yaotomo 2012-12-07 11:10:11



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

...全文

179 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

吉普赛的歌 2012-12-08

打赏
举报

放在一个地方吧，这样多好，不用复制粘贴几次。

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

claber 2012-12-08

打赏
举报


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

风一样的大叔 2012-12-08

打赏
举报

引用 3 楼 yenange 的回复:

放在一个地方吧，这样多好，不用复制粘贴几次。 JavaScript code?1234567891011121314151617181920212223242526272829303132333435363738394041424344<html><head> <title></title> <meta http-equiv="Content-Type"……

claber 2012-12-08

打赏
举报

稍微改下就行了


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

yaotomo 2012-12-08