使用jquery动态创建id增加的div


Dynamically create divs with incremented id using jquery

我有一篇课文我想附加多个div，但是应该动态地更改id。例如：

1
2
3
4
5
6
7
text
text
text
text
text
text
text

有什么帮助吗？谢谢。。

相关讨论

你的题目和问题内容似乎不一致。我假设您要创建DIV，在这里每次创建一个ID时，每个ID都按顺序递增？

1
2
3
4
5
6
7
$(function(){
  var count = 0;
  $('#append').click(function(){
    $('#parent').append('text');
    count++;
  });
});
1
2
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
Add DIV

相关讨论

您可以使用.attr()更改它：

1
$('#first').attr('id', 'first6')

尝试将代码更改为：

1
2
3
4
5
6
7
text
text
text
text
text
text
text

别忘了里面的id(id="first"不是id=first)

现在您只需使用jquery:$("#first").attr('id','first6');。

如果你对造型设计感兴趣的话。`

4

1
2
3
#first4 {
  background: blue;
}
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">