当我有更多相同Id的内容时，我如何在Id属性中添加数字增量

How can i add increament of number in an Id attribut when i have more content with same Id?

本文关键字：Id 属性 添加 数字      更新时间：2023-09-26

我有相同id的内容，但只有第一个内容从id中排除了函数，我如何向每个id添加数字Ex id="file0"，id="file1"id="file2"等

<a id="test" class="list">Rice</a>
<a id="test" class="list">Beans</a>
<a id="test" class="list">Suji</a>

这是我的javaScript

var elements = document.getElementsByClassName("list");
var id = '';
for(var i=0; i<elements.length; i++) {
    id += elements[i].class;
}
document.write(id);

也许这就是您想要的。我已经从HTML中删除了id，并用Javascript添加了它们：

<html>
<head></head>
<body>
<a class="list">Rice</a>
<a class="list">Beans</a>
<a class="list">Suji</a>
<script type="text/javascript">
    var className = "list";
    var elements = document.getElementsByClassName(className);
    for(var i=0; i<elements.length; i++) {
        elements[i].setAttribute("id", className + i);
    }
</script>
</body>
</html>

试试这个：

 <html>
    <head></head>
    <body>
    <a class="list">Rice</a>
    <a class="list">Beans</a>
    <a class="list">Suji</a>
    <script type="text/javascript">
        var elements = document.getElementsByClassName("list");
        for(var i=0; i<elements.length; i++) {
            element[i].id += elements[i].class + i;
        }
    </script>
    </body>
    </html>

它会给你类似list1、list2和list3的id。

相关文章：