使用 jquery 动态创建具有递增 id 的 div [英] Dynamically create divs with incremented id using jquery
本文介绍了使用 jquery 动态创建具有递增 id 的 div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个文本我想附加多个 div,但 id 应该动态更改.例如:
text<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,其中每个 id 在每次创建时顺序递增?
$(function(){无功计数 = 0;$('#append').click(function(){$('#parent').append('<div id="first'+count+'">text</div>');计数++;});});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><a id="append">添加 DIV</a><div id="parent"></div>
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>
Any help? thanks..
解决方案
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屋!
查看全文