Javascript 使用jquery删除克隆元素的一部分

Javascript 使用jquery删除克隆元素的一部分,javascript,jquery,jquery-clone,Javascript,Jquery,Jquery Clone,删除克隆元素中的div很困难。运行代码段并注意,即使已删除,也会附加“请勿克隆我”部分 让myhtml=` 克隆我 不要克隆我 克隆它 ` $(文档).ready(函数(){ 让内容=$(myhtml); $('.row')。追加(内容); $('.row')。on('click','.clonebtn',function(){ let container=$(this).closest('.mycontainer'); 让clonedContainer=container.clone();

删除克隆元素中的div很困难。运行代码段并注意,即使已删除,也会附加“请勿克隆我”部分

让myhtml=`
克隆我
不要克隆我
克隆它
`
$(文档).ready(函数(){
让内容=$(myhtml);
$('.row')。追加(内容);
$('.row')。on('click','.clonebtn',function(){
let container=$(this).closest('.mycontainer');
让clonedContainer=container.clone();
clonedContainer.remove('.noClone');
$('.row').append(克隆容器);
})
})

您需要使用查找父div中的所有元素,其中包含要删除的类
noClone

$(选择器).remove(anotherselector)
在jQuery中仅从
选择器返回的数组中删除与
anotherselector
匹配的任何元素。赋予
remove()
函数的选择器仅应用于jQuery集合中包含的元素,而不应用于这些元素的子元素。它类似于
$(选择器).filter(另一个选择器).remove()

考虑以下HTML和jQuery代码:


福
酒吧
$('foo')。删除('bar');
让myhtml=`
克隆我
不要克隆我
克隆它
`
$(文档).ready(函数(){
让内容=$(myhtml);
$('.row')。追加(内容);
$('.row')。on('click','.clonebtn',function(){
let container=$(this).closest('.mycontainer');
让clonedContainer=container.clone();
clonedContainer.find('.noClone').remove();
$('.row').append(克隆容器);
})
})


让我拿这篇文章来说,我是一名学习者,我刚刚被炒作了一件事:DAccording to你可以传递一个选择器作为参数。@lee Taylor我在文档中也读到了这一点,所以不确定为什么没有.find()我的原始文章就不能工作@Leetylor请查看我编辑的答案以获取解释。@BryanDellinger请查看我编辑的答案以获取解释。请不要将代码作为您的答案。出了什么问题,您修复了什么?我在find()函数中复制了
“.noClone”
,因为我们不知道元素的位置,它可能是第一个子元素,也可能是子元素的子元素,所以我刚刚添加了find(),带有想要的选择器:d根据文档,您可以在
remove()
中放置一个参数,我看到了它并从注释中删除了它,但这对我来说没有任何时候起作用:这就是为什么我知道这一点时大肆宣传的原因:D