你怎么消除一个儿童班的所有div，但一个？

Question

我有以下DOM结构：

<div class="city">
  <div class="a">Delete</div>
  <div class="b">Selected</div>
  <div class="c">Delete</div>
</div>

如果你知道用户选择了“b”，你如何保存城市和div类b，但删除div类a和c （你知道这使用了你的console.log（变量） ））

基本上你会用什么JQuery方法来做这个以及怎么做？

Answer 1

$('.city').children('div').not('.b').remove();

Answer 2

考虑到你的结构，我可能会使用以下内容：

$(".b").siblings().remove();

查看实际操作：http://jsbin.com/akuno3/edit

Answer 3

$('.city > div:not(.b)').remove();

Answer 4

$('.city').find('.a, .c').remove();

或者

$('.city div:not(.b)').remove();

With class variable：

var selectedClass = 'b';
$('.city div').not('.' + selectedClass).remove();

Answer 5

试试这个：

$("div.city div.b").click(function() {
    $(this).siblings().remove()
})

Answer 6

基本上我会这样做：

 $(".b").click(function () { 
  $(".a,.c").remove(); 
});