jquery - 从一个div中选择指定的内容

Question

我想在 jquery 中构建一个小的“列表框”选择。

<div id="first">
<ul>
    <li><a href="#">abc</a></li>
    <li><a href="#" class="active">abc1</a></li>
    <li><a href="#">abc2</a></li>
</ul>

我想先创建一个函数，如果我点击 href，应该添加“active”类，如果它已经添加，我想删除它。

$('#first').click( function(e)
                 {
                     $('a[href=#]').click( function(e)
                                           {
                                              alert('bla');   
                                           })


                 })

但他发出警报 3 次 :-/

看jsfiddle

Answer 1

jQuery 有一个有用的方法 toggleClass()帮助解决这个问题:

$('#first').click( function(){
    $('a[href=#]').click(function(){
        $(this).toggleClass('active');

        // Disable native click
        return false;
    });
});