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

时间:2009-12-23 11:15:12

标签: jquery click add html

我尝试过各种各样的选择但却无法让愚蠢的事情发挥作用。如何获得< a>标签内< li>将班级改为“活跃”;然后在另一个< a>点击了吗?

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

点击&lt; a&gt;应该给跨度一个“活动”类,当点击另一个时,它应该从原始中删除它并将其添加到该&lt;的范围内。 a&gt; ...

谢谢!

3 个答案:

答案 0 :(得分:12)

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

答案 1 :(得分:5)

试试这个:

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

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

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

答案 2 :(得分:1)

jQuery('#dumb li a span')。addClass(“active”);