Question

I have the following DOM structure:

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

How do you save city and div class b, but delete div class a and c if you know that the user has selected “b” (you know this using logs your console.log(variable))

Basically what JQuery method would you use to do this and how?

Answer 1

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

Or

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

With class variable:

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