добавить / удалить класс на span внутри тега

Question

Я пробовал разные варианты, но не могу заставить глупую вещь работать. Как получить диапазон внутри тега внутри , чтобы изменить класс на «активный»; затем удалите его, когда нажмете другой ?

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

Нажатие на должно дать диапазону «активный» класс, а при щелчке по другому он должен удалить его из оригинала и добавить его к диапазону этого ...

Спасибо!

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