删除与另一个div具有相同类别的div

Question

我有两个div：

<div class="dialog large"></div>

和

<div class="dialog"></div>

我必须删除带有“对话框”类的那个，但保留一个“对话框大”。

如果我$('dialog').remove();他们都被删除了。

任何人都可以帮我吗？

Answer 1

$('div.dialog:not(.large)').remove();

<强> DEMO

一点解释

div.dialog会选择div class=dialog（在这种情况下，两个div都会选择）。但

div.dialog:not(.large)会将那些div排除在class large之外并将其删除。

相关参考

• <强> :not()

• <强> class selector

Answer 2

使用此：

$("div.dialog").not('.large').remove();

Fiddle这里......

Answer 3

有很多方法可以做到这一点。您也可以使用filter()替代其他更复杂的案例。

$('div.dialog').filter(function(){ return !$(this).is('.large') })

Answer 4

如果你想删除那些类完全是＆＃34;对话框＆＃34;的DIV，请尝试：

$('div[class="dialog"]').remove();