Как вы удаляете все divs дочернего класса, кроме одного?

Question

У меня есть следующий DOM структура:

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

Как сохранить город и класс ДИВА б, но удалить Div класс а и с, если вы знаете, что пользователь выбрал «б» (вы знаете, это используя logs your console.log (переменная))

В принципе, какой метод JQuery вы использовали бы для этого и как?

Answer 1

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

Или

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

With class variable:

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

Answer 2

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

Answer 3

Попробуйте это:

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

Answer 4

В основном я будет делать:

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

Answer 5

Учитывая вашу структуру, я бы, вероятно, использовать следующее:

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

в действии: http://jsbin.com/akuno3/edit

Answer 6

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