标签: jquery-clone

有没有办法复制元素而不复制它的孩子？

我的目标是复制一个表,以及所有类,内联样式等.但我不想复制任何表元素的子元素.

我意识到我可以复制整个表格,然后从副本中删除子项.但我想最大限度地减少屏幕闪烁,我似乎记得在DOM中可见元素之前操作元素存在问题.

有什么建议？

我试图用类".age-sex-details"克隆html div元素,并使用jquery clone函数绑定到下面显示的".age-sex-remove"和".age-sex-add"类的事件.我能够克隆div,上面提到的事件和使用.clone(true)函数输入到输入框中的数据,但我需要克隆div元素和提到的事件,但不是克隆在"count"中输入的数据和"年龄"输入字段.这可能吗？

守则简述

下面的jQuery代码包含文档就绪函数中的两个函数.你可以忽略第一个.第二个功能是我进行克隆的地方.我克隆下面的HTML中显示的div元素并将其插入其后.

iQuery代码

$(document).ready(function() {
        $(".age-sex-remove").click(function() {
            var index = $(".age-sex-details").length;
            if ( index > 1) {
                $(this).parent().remove();
                $($(".age-sex-add")[index - 2]).show();
            } else {
                console.log("only one set of age sex details, therefore clear values.")
            }
        });

        /**
         * Clone age-sex-details div including events and excluding data.
         * Hide the previous add new sex age details link.
         */
        $(".age-sex-add").click(function() {
            var index = $(".age-sex-details").length;
            console.log("Index = " +index);
            $($(".age-sex-details")[index - 1]).clone(true).insertAfter($(".age-sex-details")[index - 1]);
            $($(".age-sex-add")[index - 1]).hide();
        }); …

在这个代码示例中

var attachmentDeletePhotoModal = $('#attachment-deletion');
attachmentDeletePhotoModal.clone();
attachmentDeletePhotoModal.attr('id', 'attachment-deletion-'+file.unique_text);

我期待我的文档包含我的新克隆对象(带有id attachment-deletion-unique_text)以及$('#attachment-deletion');

但这不是我所看到的.我没有remove();按照我的知识调用这些选择器,因此我被引导相信修改clone()'d对象的属性也会影响原始属性

但是因为我认为克隆是一个很深的副本,所以这应该发生,所以其他错误.我正在修改id,所以也许这会混淆一些事情,因为有一段时间DOM中有两个具有相同id的对象,也许？

任何有识之士