Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery/javascript添加/删除html元素?_Javascript_Jquery_Html_Css - Fatal编程技术网

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

如何使用jquery/javascript添加/删除html元素?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想要的是,当单击添加元素时,使用class=“clLeft”将div中的所有元素复制到使用class=“clRow”的div中 问题类型 问题类型 MCQ 对/错 添加 您可以使用它 如果使用jQuery,可以通过单击处理程序中的.clone()方法实现: $('#adddivcleft').on('click', function(){ $('.clLeft:first').clone().appendTo('.clRow'); }); 那很好。先生,我不熟悉jquery和java

我想要的是,当单击添加元素时,使用
class=“clLeft”
将div中的所有元素复制到使用
class=“clRow”
的div中


问题类型
问题类型
MCQ
对/错
添加
您可以使用它


如果使用jQuery,可以通过单击处理程序中的
.clone()
方法实现:

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

那很好。先生,我不熟悉jquery和javascript,因此无法尝试。请帮帮我。这里:这很棘手;附加元素的数量将成倍增加,因为选择器包含克隆元素。@pimvdb-是的,很好。没想到一个通过…编辑为包含“:first”选择器,这样克隆就不会变成指数。谢谢你的提醒。谢谢你,先生,还有一个问题。如果我想删除添加的元素。我们可以插入由我们编写的html而不是复制吗?如果您有自定义html,您可以使用“appendTo”函数插入它。否则,您可以向复制的HTML添加一个“id”或一些类集,以便您可以识别它以进行删除。谢谢先生,还有一个问题。如果我想删除添加的元素。我们可以插入由我们编写的html而不是复制吗?
<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())
})
$('#adddivcleft').on('click', function(){
   $('.clLeft:first').clone().appendTo('.clRow');
});