![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
jquery 动态创造div的并创建不同的id值
通过Jquery动态创建div,并给div的id付不同的值,并动态的获得div的id值,例如<divid="div1"></div><divid="div2"></div...
通过Jquery动态创建div,并给div的id付不同的值,并动态的获得div的id值,例如
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div> 展开
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div> 展开
2个回答
展开全部
// 你好,以在 BODY 生成 DIV 为例子给你讲一个吧
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var create = 4; // 定义一个数字,用于指定要生成多少个DIV
var idStr = ""; // 这里是生成之后的所有 div 的 id 字符串
var idList = new Array(); // 这里是生成之后,所有 div 的 id 数组
$(function() {
// 这里循环生成 create 个 div
for (var i = 1; i <= create; i++) {
// 这里指定 id = "div" + i,对应为 div1 div2 div3
var id = "div" + i;
var div = $("<div id='" + id + "'>" + id + "</div>");
$("body").append(div);// body 拼接一个 div
idStr += id + " "; // 拼接 id 字符串
idList.push(id); // 把 id 放到数组里面
}
// 如果要获得所有生成的 div 的 ,可以提供两种方法,第一种,在生成的时候,拼接字符串或者放到数组里面,第二种,在生成完 div 之后,遍历获取
// 1、这里通过循环获取 id
var eachId = "";
$("body >div").each(function() {
// 获得div的id属性,拼接起来
eachId += $(this).attr("id") + " ";
})
alert("我是each出来的id:" + eachId);
// 2、这里是生成的时候拼接的
alert("我是带出来的id:" + idStr);
// 3、这里是通过数组
var listId = "";
for (var key in idList) {
// 获取数组中存储的 id
listId += idList[key] + " ";
}
alert("我是数组遍历的id:" + listId);
})
</script>
展开全部
让id不停的变,比如设置默认值,然后让id自增。如果你想控制添加几个div。
funtion createDiv(divNum)
{
for(int k=0;k<divNum;k++)
{
$(body).append("<div id='div+"+k+"'>" +div的内容可空+"</div>");
}
}
取值的话,获取所有的div,然后用each遍历,并获取id
$.each($("div"),function(){
alert($(this).attr("id");
)});
funtion createDiv(divNum)
{
for(int k=0;k<divNum;k++)
{
$(body).append("<div id='div+"+k+"'>" +div的内容可空+"</div>");
}
}
取值的话,获取所有的div,然后用each遍历,并获取id
$.each($("div"),function(){
alert($(this).attr("id");
)});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询