Удаление определенного элемента из класса

Question

У меня есть этот код, он перемещает каждый элемент в классе «блок» 10 пикселей влево. Я хочу, чтобы он удалял любой из элементов, оставшихся от 300 пикселей. Почему $(this).remove() не работает и что я могу сделать, чтобы исправить это?

$(".block").animate({left:"-=10"},speed,"linear",function(){ 

     if(parseInt(this.style.left) < 300) 
     { 
      $(this).remove(); 
      //something 
     }else{ 
      //something 
     } 
    }); 

HTML:

<div id="container"> 
     <span class="block"></span> 
     <span class="block"></span> 
    </div> 

Вот весь мой код http://jsbin.com/ExET/1/

Answer 1

Как это? jsFiddle

$('div').on('mouseover', function() { 
    $(this).animate({ 
     left: '+=10' 
    }, 200, 'linear', function() { 
     if($(this).offset().left > 50) { 
      $(this).remove(); 
     } else { 
      $(this).css('background', 'blue'); 
     } 
    }); 
}); 

Вам нужно будет изменить значение, но это достигается эффект, который вы хотите.

Answer 2

Это то, что вы хотите: http://jsbin.com/olipOh/4/watch?html,css,js,output

Вы должны выбрать дочерние элементы:

$(".block").find("*")