如何使用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');
});