无法添加.hidden类

Question

我被困在这里了。找不出原因。任何帮助都会受到伤害。

原始元素

<div class="row slide active"></div>

应用JavaScript

JavaScript

//storing element into variable    
var active_slide = jQuery('.slide.active.row'); 

//removing a class    
active_slide.removeClass('active');

//adding a new class
active_slide.addClass('hidden');

结果

<div class="row slide"></div>

预期结果

<div class="row slide hidden"></div>

Answer 1

备选案文1

为什么不删除整个类，并添加您想要的类。这边请,

$('button').click(function () { // or any other element; even onload
    $('div').attr('class', ''); // remove the class; empty the attribute
    $('div').attr('class', 'row slide hidden'); // add class
})

您可以使用attr()处理元素的每个属性，然后添加、更新或删除元素的内容。对我来说有点方便。

zeeshan/ea8Fm/ (在这里测试)

备选案文2：

我们的朋友charlietfl不喜欢这个解决方案，下面是Remove和AddClass解决方案

$('button').click(function () {
    $('div').removeClass(); // remove class
    $('div').addClass('row slide hidden'); // add class
})

您需要添加整个类，以便应用整个类，并且可能需要删除前一个类；更新整个类。

zeeshan/HnwJd/ (在这里测试这个)

你的代码：

就您的代码而言，其结果与您希望的结果完全相同！

zeeshan/25g2S/2/

我使用了相同的代码，结果就是您想要的结果。

Answer 2

var active_slide = jQuery('.slide active row'); 
                   active_slide.removeClass();
                   active_slide.addClass('row slide hidden');

Answer 3

您可以通过javascript解决这个问题，我认为jquery有一些缺陷。

var active_slide = jQuery('.slide.active.row'); 

//removing a class    
active_slide.removeClass('active');

//adding a new class
active_slide[0].className+=' hidden';