javascript - JQuery:如何为动态添加的元素添加一个id？

Question

我有一个 javascript，它在页面加载后将一个元素 (div) 附加到我的 HTML 页面。我想向这个动态 div 添加一个 id。我该怎么做？

这里有更多信息: 第一个 js 是 myscript1.js，加载在 HTML 页面的底部。在此脚本中，我有以下代码:

$('div#existingDiv').append('<div class="newDiv">Content</div>');

第二个 js 是 myscript2.js，紧接在 myscript1.js 之后加载。我想添加一个 Id。

$('div.newDiv').attr('id','div-1234');

但是好像div.newDiv不存在。 我试图获取 div#existingDiv 的子项(使用 $('div#existingDiv').children())但它返回一个空结果。

有人可以帮我吗？

PS:我无法修改 myscript1.js，所以请不要建议我在 myscript1.js 文件中做我想做的事情。

Answer 1

您的代码似乎有效。在这里查看:http://jsfiddle.net/2sL5T/ 可能你的问题是

$('div.newDiv').attr('id','div-1234');

先于

执行

$('div#existingDiv').append('<div class="newDiv">Content</div>');

首先，您需要找到插入新 html 的事件。它是在页面加载时发生的吗？那么也许您忘记将代码放在 onload 函数中？ http://learn.jquery.com/using-jquery-core/document-ready/