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

sub*_*das 6 jquery jquery-ui jquery-selectors

我有一个文本,我想附加多个div,但id应该动态更改.例如:

<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>
Run Code Online (Sandbox Code Playgroud)

有帮助吗?谢谢..

Hai*_*ood 15

您的标题和问题内容似乎彼此不同意.我假设你想创建div,每次创建一个id时每个id按顺序递增?

$(function(){
  var count = 0;
  $('#append').click(function(){
    $('#parent').append('<div id="first'+count+'">text</div>');
    count++;
  });
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="append">Add DIV</a>
<div id="parent"></div>
Run Code Online (Sandbox Code Playgroud)


PiT*_*ber 11

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

$('#first').attr('id', 'first6')
Run Code Online (Sandbox Code Playgroud)