如何为特定链接调用javascript?

时间:2013-10-04 14:50:15

标签: javascript jquery

JavaScript正在申请所有A LINK,但只有当我点击这个特定的链接时才能工作(#tornado,_bar - > ul - > li - >一个链接),我怎么提呢这是js中的一个链接。

此js无效,

<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
    <style type="text/css">
        .active{
            background-color:#a00;
            color:#fff;
        }
    </style>

</head>
    <body>
        <div id="viran">
            <div id="mob" class="hide_yellow2">
            <div id="tornado_bar">
                <a href="#" id="menu-icon">visit</a>
                <ul>
                    <li><a title="index.html" href="#786">Home</a></li>
                    <li><a title="#about" href="#787">About</a></li>
                    <li><a title="#minnummannai" href="#788" >Minnum Mannai</a></li>
                    <li><a title="#inassembly" href="#789">In Assembly</a></li>
                </ul>
                </div>
            </div>
            <ul>
               <li><a title="#minnummannai" href="#788" >Minnum Mannai</a></li>
                <li><a title="#inassembly" href="#789">In Assembly</a></li>
            </ul>
        </div>

        <script>
            $('a').click(function (e) {
                e.preventDefault();
                $('a').removeClass('active');
                $(this).addClass('active');
            });
        </script>            
    </body>
</html>

1 个答案:

答案 0 :(得分:5)

您正在寻找的基本CSS选择器是一个简单的空间:#tornado_bar a

$('#tornado_bar a').click(function (e) {
      e.preventDefault();
      $('#tornado_bar a').removeClass('active');
      $(this).addClass('active');
});