2009-12-23 8 views
5

Я пробовал различные варианты, но не могу заставить глупую работу работать. Как получить диапазон внутри тега < a> в пределах < li> изменить класс на «активный»; затем удалите его, когда нажата другая кнопка < a>.добавить/удалить класс по пропуску внутри тега

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

Щелчок по < а> должен дать пролете класс «активной» и когда другой щелкают, он должен удалить его от оригинала и добавить его в пролете этого < а> ...

Спасибо!

ответ

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

Да, это работает! Приветствия. – lnvrt

5

Попробуйте это:

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

Вы могли бы попробовать это, так как это будет быстрее, селектор, если он работает:

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

JQuery ('# немой литий пролет') .addClass ("active");