javascript - 通过javascript自动向页面上的每个DIV添加类（序列号）？

Question

我在我的 wordpress 安装上运行一个联系表单插件。一切正常，但我想多设计一点我的表格。要这样做，我必须以不同的方式设置一些 DIV（插件正在处理）的样式。问题是：所有 DIV 容器都没有 ID 或类！一切都由插件处理，我的 PHP 技能为零，所以我必须处理这个“裸”DIV ;-)

问题是：是否可以通过javascript向当前站点上的每个DIV添加序列号类？

到目前为止谢谢，我希望你明白我的意思（对不起那个糟糕的英语）！

Answer 1

还有另一种方式，将回调传递给.attr ^[docs]：

$('div').attr('class', function(i) {
    return 'someClass' + i;
});

尽管您也可以将其用于 ID，因为每个类都是唯一的。

请注意，您不必使用 ID 或类来选择元素，有许多选择器和遍历方法可以用来获取对所需元素的引用。

---

为了防止覆盖现有的类，要么只选择没有类的元素，要么以某种方式将 s 的选择范围缩小div到你想要的那些：

$('div:not([class])')

或使用.addClass ^[docs]而不是.attr：

$('div').addClass(function(i) {
    return 'someClass' + i;
});

Answer 2

你需要这样的东西

现场演示

$('div').each(function(i, item){
    $(this).attr('class', "YourClass" + i); //You can replace i with some other variable if required and increment it.
});

Answer 3

你可以这样做：

var divs = document.getElementsByTagName("div");
var className = "myClass";
for( var i = 0, max = divs.length; i< max; i++ ){
 divs[i].setAttribute("class",className + i.toString());
}