在标记内的span上添加/删除类

Question

我尝试过各种各样的选择但却无法让愚蠢的事情发挥作用.如何在<li>中的<a>标记内获取范围以将类更改为"活动"; 然后在点击另一个<a>时将其删除？

<ul id="dumb">
<li><a href="#">Something<span></span></a></li>
<li><a href="#">Something Else<span></span></a></li>
</ul>

单击<a>应该为span提供一个"active"类,当单击另一个时,它应该从原始中删除它并将其添加到<a>的范围内...

谢谢!

Answer 1

$(function(){
      $("#dumb > li > a").click ( function(){
      $("#dumb > li > a > span").removeClass ( 'active' );
      $(this).find('span').addClass('active');
      return false;
     });
});

Answer 2

试试这个:

$(document).ready(function(){
    var $MySpans = $("#dumb li a span");
    $MySpans.click(function(){
        $MySpans.removeClass();
        $(this).addClass("active");
    });
});

您可以试试这个,如果它有效,它将是一个更快的选择器:

var $MySpans = $("#dumb>li>a>span");