jquery - 在标签内的 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> 应该给跨度一个“活动”类，当单击另一个时，它应该将其从原始范围中删除并将其添加到该 <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");

Answer 3

jQuery('#dumb li a span').addClass("active");