How can I get every element except the last one with jQuery

Question

I have several divs

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>

that are being generated dynamically. When the button is clicked, I need to remove all divs with myClass class except the last one. So far I have tried some variations of:

$('.myClass').not($('.myClass').last()).remove();

OR

$('.myClass').not($(this).last()).remove();

neither seem to work. What am I doing wrong?

Answer 1

尝试这种方式：

 $('.myClass:not(:last)').remove();

Answer 2

your code is running fine with no problems

You need to put it in $(document).ready();

here is demo https://jsfiddle.net/8w2jb1Lr/