jquery - 在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

只需重置您的类(class)并将新的类(class)组设置为如下所示，

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

DEMO

如果您的情况是调用一次类操作，那么您可以这样做

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

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