-1

これが私のコードです。オブジェクトスパンに、クリックしたときに1つの要素のみを選択し、色を変更し、他の要素は色を変更する必要はありません。

<!DOCTYPE HTML>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
    .choose {
        color: red;
    } 
        </style>
        <script src="../jquery-1.10.min.js" type="text/javascript"></script>
        <script type="text/javascript">
    $(function() {
            $('.department > a').click(function() {
                var obja = $('.department >a');
                $(this).toggleClass('choose');
        })
    }) 
        </script>
    </head>
    <body>
    <span class="department">
        <a href="javascript:void(0);">hello</a>
        <a href="javascript: void(0);">world</a>
        <a href="javascript: void(0);">google</a>
    </span>
    </body>
    </html>
4

3 に答える 3

1

修正後の機能はこちら

$(function() {
            $('.department > a').click(function() {
                var obja = $('.department >a');
                $(this).toggleClass('choose').siblings().removeClass('choose');
        })
    })

フィドルのデモ

于 2013-08-07T04:24:44.077 に答える
1

これはあなたに役立つかもしれません

$(function() {
        $('.department > a').click(function() {
            $('.department > .choose').removeClass('choose');
            $(this).toggleClass('choose');
    })
})

ここで jsfiddle live in action を確認してください。

于 2013-08-07T04:25:07.690 に答える