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，则应添加“活动”类，如果已添加，我想删除它。

$('#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');
  });