在不替换原始 ID 的情况下附加 ID答案

【问题标题】：Appending ID without replacing original在不替换原始 ID 的情况下附加 ID
【发布时间】：2015-11-14 09:30:28
【问题描述】：

我正在尝试将 ID 附加到 div 元素，但似乎如果已经有一个 ID，它会替换现有的。我很茫然。

$(document).ready(function(){
                $("div").each( function(i){
                    $(this).attr({ id: " num_" + ++i });
                })
            });

【问题讨论】：

一个元素只能添加一个ID。
addID in jQuery?的可能重复

标签： javascript

【解决方案1】：

你可以这样做：

$(document).ready(function(){
     $("div").each( function(i){
           $(this).attr({ id: $(this).attr("id") + " num_" + ++i });
     })
});

【讨论】：

Furkan Başaran，成功了，谢谢！现在下一个问题是，如果没有现有的 ID，它会附加“未识别”。我也遇到了一些 jQuery 版本冲突。我没有收到任何错误，但在此示例中，您可以看到移动菜单在哪里不工作 sandbox.iemajen.com 正在运行附加 ID，在这个例子中它不是但移动菜单正在工作 - jacobsladderky.com

【解决方案2】：

一个 div 元素只能有一个标识符，并且这个标识符必须是唯一的。所以你不能附加一个id。

【讨论】：

【解决方案3】：

html 中的元素最多只有一个 id。要解决此问题，请使用自定义属性。开始使用 'data-id' 并将它们用作普通的 html 属性。如果要添加更多 ID，只需增加数字即可。像... input id='name' data-id='username'

【讨论】：