如何使用jquery / javascript添加/删除html元素？

Question

我想要的是点击添加元素时，class="clLeft"中div中的所有元素都会被复制到class="clRow"的div中。

<div class="clRow" >
         <div class="clLeft">               
                <label >Question Type </label>
               <select name="selquetypen" class="clsvtext clsvtextempty" id="selquetype"> 
                    <option value="-">Question Type</option>
                    <option value="1">MCQ</option>   
                    <option value="2">True/False</option> 
               </select> 
              <a id="adddivcleft">add</a>                    
          </div>
 </div>

Answer 1

你可以clone。

<div class="clRow" >
         <div class="clLeft">               
                <label >Question Type </label>
               <select name="selquetypen" class="clsvtext clsvtextempty" id="selquetype">
                    <option value="-">Question Type</option>
                    <option value="1">MCQ</option>   
                    <option value="2">True/False</option>
               </select>
          </div>
         <a id="adddivcleft">add</a>                    
 </div>

$('#adddivcleft').click(function(){
    var $elem = $('.clLeft:last');
    $elem.after($elem.clone())
})

http://jsfiddle.net/3n8pz/

Answer 2

如果你正在使用jQuery，可以使用点击处理程序中的.clone()方法来实现：

$('#adddivcleft').on('click', function(){
   $('.clLeft:first').clone().appendTo('.clRow');
});