jQuery如何克隆()多次

时间:2012-08-03 13:01:02

标签: jquery clone prepend

我会克隆一些元素列表,但我需要克隆它多次,你能告诉我该怎么做吗?

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

很多帮助。

3 个答案:

答案 0 :(得分:3)

试试这个吗?

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

答案 1 :(得分:0)

我不完全确定你在问什么,你想将列出的标签克隆到同一个父母那里?这将导致相同的列出项目位于同一父项中。

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

这是你在找什么?

<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>

答案 2 :(得分:0)

或者使用.prependTo()代替使用.insertAfter()

替换它

例如:

<强>的jQuery

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

JsFiddle