javascript - 用孩子复制一个 div

Question

我需要克隆一个 div 及其子项，我知道 jQuery 中的 clone() 函数，但是我需要更改父 div 的样式，或者更改 id 名称或通过动画显示整个 div，有什么办法可以做这个？

这是我需要克隆的 div，我需要更改顶部属性

<div class="news">
            <div class="meta-inform">
                <div id="waiting">not accepted</div>
                <div id="accpted">accepted</div>

                <div class="edit">
                <div class="editedBy" id="editedBy" >
                    <div id="editLabel"  style="display:inline">edited by</div>
                    <div id="editorName"  style="display:inline">arvin</div>
                </div>

                <div id="editTime" class="editTime">
                    <div id="editDate" style="display:inline" >چdate</div>
                    <div id="editDate" style="display:inline">time</div>
                </div>
                </div>

            </div>

        <div id="littleNews">
            <div id="number">1000</div>
            <div id="divider1"></div>
            <div id="title">title</div>
            <div id="divider2"></div>
            <div id="littleNewsTime">time</div>
            <div id="littleNewsDate">چdate</div>
            <div id="divider3"></div>
            <div id="category">cat</div>
            <div id="part">part</div>
            <div id="segment">sgmnt</div>
            <div id="divider4"></div>
            <div id="writer">writer</div>
            <div id="view">view post</div>
        </div>

        <div class="functions">
            <div id="edit">edit</div>
            <div id="delete">delete</div>
            <div id="accptThis">accept</div>
        </div>
        </div>

Answer 1

$('.news').clone().attr("id","elementid").appendTo("body").animate({ 'top': '200px'}, 2000);

Answer 2

使用 clone克隆div 及其子项。
使用attr函数更改属性。
使用css函数更改 css 属性。

例如：

$('.news').clone().attr("id","whatever").css("width","50px")

然后，例如，您可以将其附加到您想要的任何其他容器中。
例如：

$('.news').clone().attr("id","whatever").appendTo($('body'));

您还可以使用 addClass 或 removeClass 添加/删除 CSS 文件中定义的类。
这有帮助吗？

Answer 3

您可以添加新的类名，然后将适当的样式添加到 css 中，例如：

$('.news').clone().addClass("clone");

并到 css 表：

.clone {
    top: 100px;
}