Question

我正在使用插件，我不知道从哪里重复相同的div。所以我试图删除重复的div

假设我有以下标记.....

<div id="main">
<div>
    <div>
<div>
    <p class="test">hi this is test</p>
</div>
<div>
    <p class="test">hi this is test</p>
</div>
    </div>
</div>
    </div>

jquery的

/*how can I forcefully remove this so that later on this div cannot be cloned*/
$('.test').closest('div').next().remove();
/* suppose this is in plugin */
$('.test').clone().appendTo('#main');

updated demo

Answer 1

$('#main .test:not(:first)').parent().remove();

猜测插件是在实例化时添加了你不想要的克隆，看起来（应该克隆一些插件事件只触发我假设？）所以在实例化插件之后添加克隆你不要想

$('#main .test:not(:first)').parent().remove();
/* suppose this is in plugin */
$('.test').clone().appendTo('#main');
$('#main .test:not(:first)').parent().remove();

Answer 2

请尝试使用父选择器。

$('.test').parent('div').remove();
$('.test').clone().appendTo('#main');

closest方法遍历祖先树，只要它需要去查找选择器匹配。它将返回0或1元素。

parent方法仅查看直接父级。它将返回0或more元素

Fiddle

如何使用jquery强制删除元素？

2 个答案: