javascript - 使用 jquery 更新类

Question

在下面的html、jquery、bootstrap代码中，

addMenuBar : function addNavigation (component) {
    var html = '<ul class="nav nav-pills nav-justified" role="tablist">';
    html += '<li id ="scenario" class="disabled"><a href="#">Scenario</a></li>';
    html += '<li id ="resolutions" class="disabled"><a href="#">Resolutions</a></li>';
    html += '<li id ="triggers" class="disabled"><a href="#">Triggers</a></li>';
    html += '</ul>';
    component.append(html);
    $('ul[id="scenario"] li').addClass("active");
}

其中组件是一个容器 div，如下所示:

    this.container = $(document.createElement('div'));
    this.container.addClass('patient-hover-inner');
    this.container.appendTo(this.form);

我想将 id = 'scenario' 的 'li' 项目的类别从 'disabled' 更改为 'active'。我该怎么做呢？如果没有任何错误，以上内容将无法工作

Answer 1

使用switchClass()

$('li.disabled').switchClass("disabled", "active");

如果你没有使用 jQuery UI，你可以这样做

$('li.disabled').each(function(){
    $(this).removeClass('disabled');
    $(this).addClass('active');
});