在jQuery中通过id标记更改类名

Question

我想通过抓住它的id来改变类的名称。因此，对于以下HTML，我想选择id=section1并将类名从breadcrumb更改为active breadcrumb。

<div class="breadcrumb" id="section1">
  <div class="breadcrumb-icon"></div><span class="breadcrumb-label">Appearance</span>
</div>

我尝试了以下内容，但是我看不到改变班级名称的方法。

$('#section1').addClass('active breadcrumb').removeClass('breadcrumb');

我也试过了：

$('#section1').toggleClass( "active" );

我在答案中尝试了这些建议，但仍然没有快乐。这是代码：

http://jsfiddle.net/U9Ahr/3/

Answer 1

如果您希望班级名称为active breadcrumb，则可以执行此操作：

$('#section1').addClass('active');

Answer 2

只需重置您的课程并将新的课程组设置为如下所示

$('#section1').removeClass().addClass('active breadcrumb')

DEMO

如果你的情况是一次调用类操作，那么你可以去

$('#section1').addClass('active');

因为在查看您的html结构时，您已经为该元素active创建了一个类selection1。但请记住，如果你必须多次调用这个调用，那么这将附加更多与该特定元素重复的类。

Answer 3

运行document.querySelectorAll("#section1")并检查在结果NodeList中是否只有一个div。如果你有更多，你有无效的标记，jQuery不支持。 ID必须是唯一的。