javascript - 使用 jQuery 增加元素的类名之一

Question

我有许多 div 元素，每个元素具有三个类名。每个里面都有一个图像。它们通过类名连续编号(i1、i2、i3...)。类名类似于 "img small i14"。我需要为每个元素增加这些类名的数量。

因此:对于这些 div 元素中的每一个，我都需要更改以 i 开头的类 - 添加 1 或从中减去 1。希望有一种有效的方法可以做到这一点。

整个事情的目标是创建一个旋转的图片库。我非常感谢帮助，无论是通过帮助代码还是提供更好的方法来解决问题。谢谢。

Answer 1

我不认为有任何 jQuery 工具可以使这更容易。我只是用普通的 JavaScript 来做:

function updateIndex( className ) {
  return className.replace(/\bi(\d+)\b/, function(_, n) {
    return 'i' + ((+n) + 1);
  });
}

然后您可以将元素的“className”属性传递给它，并将“className”更新为返回值:

element.className = updateIndex( element.className );