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

Answer 2

如果你的想法是添加或删除活动的类到相应的锚标签，我认为你不需要在包含列表的div上有一个点击功能..你需要做的就是

  $('#first a').click(function(){ 
    $(this).toggleClass('active');
  });

从div中选择特定内容

2 个答案: