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>
展开
 我来答
suxueduwang
2013-11-08 · TA获得超过654个赞
知道小有建树答主
回答量:209
采纳率:33%
帮助的人:243万
展开全部
// 你好,以在 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>
泷曼彤2t
推荐于2017-10-10 · 超过15用户采纳过TA的回答
知道答主
回答量:38
采纳率:0%
帮助的人:29.5万
展开全部
让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");
)});
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式