jquery - If last elements has class -

i want remove last elements if have specific class. examples :

<div class="grid">    <div class="items"></div>    <div class="items"></div>    <div class="items"></div>    <div class="items"></div>    <div class="items empty<"></div>    <div class="items empty"></div>    <div class="items empty"></div>    <div class="items empty"></div> </div> 

i add last elements automatic on release function, want add 4 empty items if last not empty.

so think function (but doesn't work) :

if (!($(".items").slice(-4).hasclass("empty")) ) { //do nothing }  else {   $(".grid").append("<div class='items empty'></div>");   $(".grid").append("<div class='items empty'></div>");   $(".grid").append("<div class='items empty'></div>");   $(".grid").append("<div class='items empty'></div>"); } 

thanks

.eq() jquery's method can accept negative index. setting index -1 give last item:

if($('.items').eq(-1).is(':not(.empty)')){     //add new emty div gride }