如何复制并将Div添加到另一个Div [英] How Do I Duplicate And Add A Div To Another Div

问题描述

嗨
我想在这个网站上帮助我正在开发。我是网络开发中的新手。

无论如何，我要做的就是重复这个标记大约10次。但是对于新标记中的每个视频元素，它都有不同的源属性。



所以基本上是

1.创建标记并添加它另一个id为content的div

2.将视频标签源属性更改为新文件（将从.json文件获取源）

3.再次启动。



这是我到目前为止的标记..

 < span class =code-keyword><   div     data-role     = 内容    id   =  content    class     =  content >  
 <   div     id     =   MediaPlayer  >  
 <   div     class     = 媒体信息 >  
  <   / div  >  
 <   p     id     =  1 >  
 <   video     onclick   =  playVideo（）    class     =   VideoElem    >  
 < ;   div       class   = 媒体工具栏    data-role     =  navbar    data-theme   =     >  
  <   ul  >  
 <   li  >  <   a     onclick   =  SpawnVidEle ment（）    href   =     data-iconpos  < span class =code-keyword> =  top   数据主题  =  > 一个<   / a  >  <   / li  >  
 <   li  >  <   a     href   =      data-iconpos   =  top > 两个<   / a  >  <  < span class =code-leadattribute> / li  >  
 <   li  >  <   a     href   =     data-iconpos   =  top > 两个<   / a  >  <   / li  >  
 <   / ul  >  
 <   / div  >  
 <   div  >  
 <   / div  >  
 <   / video  >  
 < span class =code-keyword><   / p  >  
 <   / div  >  

我尝试使用的脚本是这个

 function SpawnVidElement（）
 {
  var  original = document.getElementById（'  MediaPlayer'）; 
  var  clone = original.cloneNode（ true ）;  //  deepclone  
 clone.id =   MediaPlayer + ++ i; 
 clone.onclick = SpawnVidElement; 
 document.getElementById（  content）。append（clone）; 
} 

提前致谢

解决方案

（ ＃car2 ）.clone（）。insertAfter（ div.car_well：last）;

Hi I would like some help with this website i am developing. I'm a newbie in web dev.
Anyway what i'm trying to do is to repeat this mark up about 10 times. But for every video element in the new markup it has a different source attribute.

So basically
1. create the markup and add it to another div with an id "content"
2. change the video tags source attribute to a new file (will get sources from .json file)
3. start again.

Here is my markup so far..

<div data-role = "content" id="content" class = "content">
       <div id = MediaPlayer>
           <div class = "Media-Info">
           </div>
            <p id = "1">
                <video onclick="playVideo()" class = VideoElem  >
                    <div  class="Media-Toolbar" data-role = "navbar" data-theme="a" >
                        <ul>
                            <li><a onclick="SpawnVidElement()" href="" data-iconpos="top" data-theme="a">One</a></li>
                            <li><a href="" data-iconpos="top">Two</a></li>
                            <li><a href="" data-iconpos="top">Two</a></li>
                        </ul>
                       </div>
                   <div>
               </div>
              </video>
           </p>
       </div>

The script i have tried using is this

function SpawnVidElement()
{
    var original = document.getElementById('MediaPlayer');
    var clone = original.cloneNode(true); // "deep" clone
    clone.id = "MediaPlayer" + ++i;
    clone.onclick = SpawnVidElement;
    document.getElementById("content").append(clone);
}

Thanks in advance

解决方案

("#car2").clone().insertAfter("div.car_well:last");

这篇关于如何复制并将Div添加到另一个Div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！