jquery - jQuery如何多次克隆（）

Question

我克隆了一些元素列表，但我需要克隆不止一次，你能告诉我怎么做吗？

$('.main_content ul li').clone().prependTo('.main_content ul')

非常感谢您的帮助。

Answer 1

试试这个可能吗？

var objToClone = $('.main_content ul li');
for (var i = 0; i < 10; i++)
   objToClone.clone().prependTo('.main_content ul');

Answer 2

我不完全确定你在问什么，你想将列出的标签克隆到它的同一个父级中吗？这将导致相同的列出的项目在同一个父项中。

或者你想克隆父母？还是您只想克隆某些列出的项目？

这是你想要的？

<div class="main_content">
    <ul>
        <li>1</li>
        <li>2</li>
    </ul>
</div>

    <script type="text/javascript">

    $(document).ready(function(){
        var numberOfCopies = 5;

        for(x = 0; x < numberOfCopies; x++){
            $(".main_content ul li").each(function(){
                $(this).clone().appendTo(".main_content ul");
            });
        }
    })

</script>

Answer 3

或者不使用 .prependTo() 替换为 .insertAfter()

例如：

jQuery

$(function() {
    for () {
        $('.main_content ul li').clone().insertAfter('.main_content ul li');
    }
});

提琴手