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

Question

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

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

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

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

提前致谢

Answer 1

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

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

...

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

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

Answer 2

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

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

演示

Answer 3

元素必须具有唯一 ID。该each函数没有迭代其他 div。所以想办法在不违反该规则的情况下选择它们。以下作品：

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