jquery - 在父元素下改一个的正确方法

Question

这是我的代码，对于对象跨度，我只想选择唯一的一个元素a，当它点击时，改变它的颜色，其他的不需要改变颜色。

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

score 1 · Accepted Answer

演示

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

score 1 · Accepted Answer

这是更正后的功能

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

小提琴演示

score 1 · Accepted Answer

这可能对你有帮助

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

在 jsfiddle现场查看。

jquery - 在父元素下改一个的正确方法

3 回答 3

Related

Reference