javascript - 如何使用 jQuery 将重复的类添加到 DOM 对象？

Question

假设我有一个元素

<a class="Foo Bar" />

我想添加一个重复的类，所以当我编码时:

$('.Bar').addClass('Foo');

未添加该类，因为该元素已经有一个类。

我想编写这样的代码:

$('.Bar').addClassForcebly('Foo'); // Fake method, only for example.

我期望以下结果:

<a class="Foo Bar Foo" />

我尝试使用 jQuery 的 addClass 方法的重载:

$('.Bar').addClass(function(i, c) {
    return c + ' Foo';
});

但这也行不通。它只是不添加重复的类。我该怎么做？

<小时/>

这个问题的要点非常简单:我想让我的 HTML 元素能够多次禁用和启用。如果我“禁用”一个元素两次(添加两个相同的类)，我也应该“启用”它两次，以便我的逻辑正常工作。

Answer 1

假设它是唯一的 anchor ，并且您已经添加了这个“Foo Bar”

var myAnchor = document.getElementsByTagName("a")[0];
myAnchor.className += " Foo";