js clone()加载的div，怎么样获取并修改div的 id

html

解决方案 »

  1.   


    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
            <script>
    var id = 1; 
                $(document).ready(function () {
    $("#btn").click(function(){
                    var obj = $("#d1").clone(true);
    var ht = obj.html()+id;//clone对象内容 = 原内容 + 新id
    obj.attr("id",id).html(ht);//改变clone对象的id和内容以区分
    obj.insertAfter(this);//将clone出的追加到button后面
    id++;
                    
    });
                });
            </script>    </head>
        <body>
            <div id="d1" style="border:1px solid black;">INSERT</div>
    <button id="btn">clone</button>
        </body>
    </html>
      

  2.   

    我尝试一下 ，这个clone纠结好长时间了...
      

  3.   

    var ht = obj.html()+id;    ht能取出来，那么能否改变ht里面的内容呢，因为我的ht是一个表单，里面会有很多内容。
      

  4.   

    $(function () {
      var id = 2; 
      $("#btn").click(function(){
        var obj = $("#d1").clone(true).attr("id",'d'+id).insertAfter($("#d1"));
        id++;
        alert($('body').html()); //看一下效果
      });
    });
      

  5.   

    最外层的clone模块ID可以修改了，clone(true),这个方法是 既复制元素，又复制元素里的事件，为什么我用的 bootstrap -datetimepicker这个控件的时间事件没有复制呢，点击clone模块的时间控件  没有反应.