「已注销」 2018-07-29 17:03 采纳率: 100%
浏览 2508
已采纳

用JQuery实现在div1后追加多个有内容的div2,并实现div2里面的元素的id自增

问题如题,例如在div1后面追加多个有内容的div2,然后让追加的div2的id改变为div3,并且div2的标签

的id也变为h1_3,

标签的id变为h2_3
不知道有没有说清楚内容,请大神指点。

你好!

你好啊!

你很好啊!

  • 写回答

10条回答

  • 天际的海浪 2018-07-30 08:40
    关注
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <script src="jquery-3.3.1.js" type="text/javascript"></script>
        <script>
            var num = 1;
            function afterText() {
                num++;
                $('<div></div>').html($('#div1').html()).appendTo($('#div2')).find("[id]").attr("id",function (i,v) {return v.replace(/\d+/,num);});
            }
        </script>
    
        <body>
            <form action="" method="post">
                <input type="button" onclick="afterText()" value="添加DIV" />
                <div id="div1">
                    <h1 id="a_1">你好</h1>
                    <h2 id="b_1">xxxx</h2>
                    <div id="c_1">
                        <p id="d_1">yyyyyy</p>
                        <span>ggggg</span>
                    </div>
                </div>
                <div id="div2">
                </div>
            </form>
    
        </body>
    
    </html> 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题?

悬赏问题

  • ¥100 c语言,请帮蒟蒻看一个题
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)