jQuery 迭代具有相同 ID 的 div 并添加数字

Iterating over divs with same ID and adding number

提问by gregorvand

I am trying to iterate over every div with the the id 'slide' and add a number to the end (e.g slide1, slide2, etc)

我正在尝试使用 id 'slide' 遍历每个 div 并在末尾添加一个数字（例如 slide1、slide2 等）

I have been able to have a series of classes added to each div, but I can only get the same code to rename the first slide, not the rest of them.

我已经能够将一系列类添加到每个 div，但我只能获得相同的代码来重命名第一张幻灯片，而不是其余的。

$(document).ready(function() {
 $("#slide").each(function(i) {
    $(this).attr('id', "slide" + (i + 1));
 });
});?

and jsfiddle here http://jsfiddle.net/YsvCe/1/

和 jsfiddle 在这里http://jsfiddle.net/YsvCe/1/

Thanks in advance

提前致谢

回答by grc

You should use classes rather than ids for multiple elements.

对于多个元素，您应该使用类而不是 id。

<div class="slide">hello</div>

...

$(document).ready(function() {
    $(".slide").each(function(i) {
        $(this).attr('id', "slide" + (i + 1));
    });
});?

Example: http://jsfiddle.net/QaB76/

示例：http: //jsfiddle.net/QaB76/

回答by undefined

ID attributes must be unique, idselector as it should, only returns the first matched element:

ID 属性必须是唯一的，id选择器应该只返回第一个匹配的元素：

$(document).ready(function() { 
    $("div[id^='slid']").attr('id', function(i) {
       return "slide" + ++i;
    });
});

DEMO

演示

回答by sachleen

Elements must have a unique ID. the eachfunction isn't iterating over the other divs. So find a way to select them all without violating that rule. The following works:

元素必须有唯一的 ID。该each函数不会迭代其他 div。因此，找到一种在不违反该规则的情况下将它们全部选中的方法。以下工作：

$("div").each(function(i)