jquery - 使用 Jquery 从元素中获取其他类

Question

我正在编写一小段脚本，可以轻松灵活地创建按钮。

我的按钮由三部分组成，左部分、右部分和拉伸(stretch)的中间部分。共有三种不同尺寸和三种不同颜色。

我已经编写了调整按钮大小以适应文本的代码。现在我希望添加轻松设置颜色和大小的功能。

我正在考虑使用三个类，例如 <div class="button blue big">我的脚本已经使用每个按钮类循环。现在我需要找出设置了哪些其他类，并调整用于适应的图片和尺寸。

那么我怎样才能找到一个元素还有哪些其他类选择器呢？

此外，我对 jquery/javascript 还很陌生，所以我想知道将设计存储为类选择器是否是最好的方法。

Answer 1

要获取所有类(class)，您可以执行以下操作:

$('div.button').attr('class').replace(/\s+/,' ').split(' ');

将返回

['button','blue','big']

更新:

或者检查元素是否具有特定的类:

$('div.button').hasClass('blue');
// or
$('div.button').hasClass('big');