How in JavaScript to eliminate the nested div from the parent?

Question

Is assigning the value of the format
cont = $('.main')

Need here delete all the div class, for example .main-left.

I tried this variant:
cont = $('.main:not(.main-left)')

and here is an option:
cont = $('.main:not(:has(.main-left))')
but nothing happened.

The crux of the situation is this - there is a JS script that depending on the screen size scales the page content. But I need to throw out some items to this scale did not apply. In this layout they are nested parent div'who initially touches the script. Can be this the problem?

Answer 1

$(selector).not(selector2);

Answer 2

I will assume that you have so write
cont = $('.main :not(.main-left)')

And is better throw off the html.

Answer 3

$('.main').find('.main-left').remove();

// EDIT

$('.main').not('.main-left');

Comments

Hanigall : Hm, I thought, to remove need. update the answer.

---

in this embodiment .main-left is no longer displayed at all, and the script stops working, i.e. to scale anything