使用jquery动态创建具有递增ID的div [英] Dynamically create divs with incremented id using jquery

问题描述

我有一条短信 我想附加多个div，但ID应该动态更改. 例如:

I have a text I want to append multiple divs but the id should be changed dynamically. e.g:

<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>

有帮助吗?谢谢.

推荐答案

您的标题和问题内容似乎彼此不同.我假设您要创建div，每次创建一个div时，每个id都会依次递增?

Your title and question content seem to disagree with each other. I am assuming you are wanting to create div's where each id sequentially increments each time one is created?

$(function(){
  var count = 0;
  $('#append').click(function(){
    $('#parent').append('<div id="first'+count+'">text</div>');
    count++;
  });
});

<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>

这篇关于使用jquery动态创建具有递增ID的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！