如何使用jquery向元素添加渐进式ID？

使用jquery，我想向一系列div添加一个id，但当然，id需要始终不同，所以我认为应该有一个渐进的数字，比如id=“1”、id=“2”、id=“3”等等

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

以下是我的标记：

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

所容纳之物

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

所容纳之物

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>


所容纳之物

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>


所容纳之物

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

我尝试了一个.each（）循环，但不知道作为集合传递什么（可能是$（'.box'）.lenght（）？但返回一个数字而不是集合）以及如何实现回调函数。 需要帮忙吗

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

提前感谢：）

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

Mauro

您可以这样使用：

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

$(".box").each(function(i, div) {
  div.id = "div" + (i+1); //i starts at 0
});

IDs不能以数字开头，在HTML4中也不能，所以我在上面添加了一个前缀。回调函数接收索引和元素作为参数，它是基于0的，因此如果希望它以

1

开头，请添加

1

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

.

您可以这样使用：

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

$(".box").each(function(i, div) {
  div.id = "div" + (i+1); //i starts at 0
});

IDs不能以数字开头，在HTML4中也不能，所以我在上面添加了一个前缀。回调函数接收索引和元素作为参数，它是基于0的，因此如果希望它以

1

开头，请添加

1

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

.

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

---

值得一提的是，需要澄清的是，HTML ID不能以数字开头值得一提的是，需要澄清的是，HTML ID不能以数字开头