Question

我需要克隆带有子节点的div，我知道jQuery中的clone（）函数，但是我需要更改父div的样式，或者更改id名称或者通过animate显示整个div，是否存在任何方式这样做？

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

<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

使用克隆

克隆 div及其子项使用 attr 功能更改属性使用 css 功能更改css属性。

e.g：

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

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

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

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

答案 1 :(得分：0)

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

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

到css表：

.clone {
    top: 100px;
}

答案 2 :(得分：0)

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

Answer 2

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

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

到css表：

.clone {
    top: 100px;
}

Answer 3

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

与孩子复制一个div

3 个答案: