Javascript JQuery将UL追加到另一个DIV

我有这个部门：

    <div id="video_container" class="barra">
        <ul>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/Gy3lrgVakII" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/AnwKqlhzCM4" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/wLJM0oi7o9A" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/NRWrYGaqIO8" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/ICUhpeXDrwQ" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/DDVWXbVxIkI" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/ntD69DBs8Q8" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/fuTmK5WHQ18" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/IpUwiyID_Kk" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/snISa71nM_k" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/z6VuNTPuChc" frameborder="0" allowfullscreen></iframe></li>
            <li><iframe width="450" height="253" src="//www.youtube.com/embed/NKzwcbidanM" frameborder="0" allowfullscreen></iframe></li>
        </ul>
    </div>
<div id="video_container_mobile"></div>

我想用相同的内容填充另一个div

（
…
）

我有这个：

var list = $("#video_container_mobile").append('<ul></ul>').find('ul');
        $("#video_container ul li").each(function() {
            var el = $(this);
            list.append(el);
        });

var list=$（“#视频_容器_移动”）。追加（'
）。查找（'ul'）；
$（“#视频_容器ul li”）。每个（函数（）{
var el=$（本）；
列表。追加（el）；
});

这是可行的，但这是从原始div中删除的，我正在添加的列表

见下图：

看看小提琴：

我想在2区保留相同的内容。。。有人能帮忙吗

$('#video_container_mobile').append($('#video_container ul ').clone())

---

可能没有@Hussein的干净，但是

$('#video_container_mobile').append($('#video_container').html());

---

也许不像“侯赛因”那样干净，但是

$('#video_container_mobile').append($('#video_container').html());

---

实际上它很好。。但唯一的问题是，它在没有父对象的情况下获取内容（实际上它很好.。但唯一的问题是它没有父对象就得到了内容.）(