Jquery ui 使用jquery动态创建id递增的div

我有一条短信 我想附加多个div，但id应该动态更改。 e、 g:

文本
文本
文本
文本
文本
文本
文本

有什么帮助吗？谢谢。

您可以通过以下方式进行更改：

---

您的标题和问题内容似乎不一致。我假设您想要创建div，其中每个id在每次创建一个时顺序递增

$（函数（）{
var计数=0；
$（'#append'）。单击（函数（）{
$（'#parent'）。追加（'text'）；
计数++；
});
});

添加DIV
尝试将代码更改为：

<div id="first">text</div>
<div id="first0">text</div>
<div id="first1">text</div>
<div id="first2">text</div>
<div id="first3">text</div>
<div id="first4">text</div>
<div id="first5">text</div>

文本
文本
文本
文本
文本
文本
文本

不要忘记“（
id=“first”
而不是
id=first
）内的
id
）

现在您可以简单地使用jquery:
$（“#first”）.attr（'id'，'first6'）
如果您对样式的工作方式感兴趣`


$（函数（）{
对于（设i=0；i<10；i++）{
$（'#foo'）。追加（'text'）；
}
});
#first4{
背景：蓝色；
}
创建id=Container的div，并使用以下代码动态创建5个div

//using JavaScript
 for(var i=0;i<5;i++){
     var obj = document.getElementById("container");
     obj.innerHTML += '<div id="first'+i+'"></div>';
 }

//使用JavaScript
对于（var i=0；i您到底尝试了什么？您可以使用
.attr（'id'，'myID'）；
可能的重复：正是我所寻找的。我的有点复杂，但这将是一个好的开始
<div id="first">text</div>
<div id="first0">text</div>
<div id="first1">text</div>
<div id="first2">text</div>
<div id="first3">text</div>
<div id="first4">text</div>
<div id="first5">text</div>

//using JavaScript
 for(var i=0;i<5;i++){
     var obj = document.getElementById("container");
     obj.innerHTML += '<div id="first'+i+'"></div>';
 }