如何用jquery改变所有孩子的班级?

时间:2012-03-13 16:55:50

标签: javascript jquery css dom

我有以下语法,我想从链接标记中删除所有css类。我怎么能用jquery做到这一点?

<div id="nav">
<ul>
<li><a href="" class="foo">aa</a></li>
<li><a href="" class="bar">aa</a></li>
<li><a href="" class="yay">aa</a></li>
</ul>
</div>

4 个答案:

答案 0 :(得分:15)

您可以使用removeClass()方法;如果你在没有参数的情况下调用它,它将删除所有类:

$('#nav ul a').removeClass();
  

描述:从匹配元素集中的每个元素中删除单个类,多个类或所有类。

显然,您可以在同一个电话中链接.addClass('someClass');毕竟,你要求更改你问题主题中的课程。 ;)

答案 1 :(得分:4)

$('#nav ul li a').each(function(){
    this.className = '';
});

根据div#nav选择器查找所有锚点,并删除所有类名称。

答案 2 :(得分:1)

如果你想删除所有课程,那就是:

$('#nav a').each(function(){
    $(this).removeAttr('class');
});

答案 3 :(得分:1)

您可以使用$("a").removeClass();

这里是示例:http://jsfiddle.net/UPsEK/