javascript - 通过javascript自动向页面上的每个DIV添加类(连续编号)？

Question

我在我的 wordpress 安装上运行一个 contact-form-plugin。一切正常，但我想对我的表格进行更多设计。要这样做，我必须以不同的方式设置一些 DIV(插件正在处理的)的样式。问题是:所有 DIV 容器都没有 ID 或类!一切都由插件处理，我的 PHP 技能几乎为零，所以我必须处理这个“裸”DIV ;-)

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

到目前为止谢谢你，我希望你明白我的意思(抱歉说了那么糟糕的英语)!

Answer 1

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

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

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

注意您不必使用 ID 或类来选择元素，有许多 selectors和 traversal获取所需元素引用的方法。

---

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

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

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

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