0

我需要克隆一个 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>
4

3 回答 3

0
$('.news').clone().attr("id","elementid").appendTo("body").animate({ 'top': '200px'}, 2000);
于 2013-11-05T13:02:33.650 回答
0

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

例如:

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

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

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

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

于 2013-11-05T12:51:56.130 回答
0

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

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

并到 css 表:

.clone {
    top: 100px;
}
于 2013-11-05T12:57:51.633 回答