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

Question

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

<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

你可以克隆它。

<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');
});