使用jquery使重复的id唯一

Question

我有从进程自动生成的html文件。不幸的是，该流程会创建一些带有重复ID的div。有没有办法通过在末尾添加一个整数将这些id转换为唯一的id？

我无法移除或隐藏那些“div”。

Answer 1

当然可以使用.each()并按id属性选择元素：

$("div[id='foo']").each(function(i){
    $(this).attr('id', $(this).attr('id') + i);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">test</div>
<div id="foo">test</div>
<div id="foo">test</div>

这会将HTML更改为：

<div id="foo0">test</div>
<div id="foo1">test</div>
<div id="foo2">test</div>