javascript - 向一个元素添加多个唯一的 id

标签 javascript jquery

我需要向元素添加第二个唯一 ID。

我用它来生成新的 id

var id = 1;
function getNextId()
{
    return ++id;
}

那我就这样做

$('<div id="content '" + getNextId() +"'" class="span6"></div>').appendTo('.new');

但是我收到了Uncaight SyntaxError:意外的标识符

如何添加多个 ID,其中第二个 ID 是唯一的?

(我会在点击时删除第一个 ID,因此我可以将 #content 保留在那里)

元素上的多个 id 已在此处讨论:Can an html element have multiple ids?

最佳答案

How can I add multiple ids where the second is a unique one?

你不能。

一个元素上不能有多个 ID。每个元素都会获得零个或一个 ID,仅此而已。如果您想添加其他内容来选择元素,可以使用类。

您的语法错误是由于一些非常困惑的引号造成的;我怀疑你想这样做:

$('<div id="content newId' + getNextId() + '" class="span6"></div>')

生成类似 <div id="content newId3"> 的内容,这是行不通的。您不是给它两个 ID,而是给它一个带空格的 ID,这是一个无效 ID:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

关于javascript - 向一个元素添加多个唯一的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14755621/

相关文章:

jquery - 在多个元素上使用 jQuery 的 .val()

jquery - 用 Jest 模拟 jquery $.ajax

javascript - 如何在点击链接时打开产品标签?

javascript - JavaScriptCore 和 React Native 上的 ES6

javascript - 获取多边形的边界框

javascript - 通过 Angular javascript或其他任何东西生成html css源代码

php - 在下拉框中进行选择后显示文本值

javascript - 将元素放入无法删除的 ContentEditable div

Javascript 间隔不起作用

javascript - 在表单发布之前执行地理定位 JavaScript