2013-08-22 173 views
0

我有這段代碼,它將類「塊」中的每個元素移動到左側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/

+3

工作對我來說:http://jsfiddle.net/cmvUZ/ –

+0

@JosephSilber對我來說,元素有類「塊」,它們不在類「塊」內 –

+0

這應該沒有什麼區別。我只是用它來顯示東西在移動。你可以發佈你的代碼不工作的小提琴嗎?請務必提供與此問題相關的代碼:[** SSCCE **](http://sscce.org/)。 –

回答

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'); 
     } 
    }); 
}); 

您需要更改的值,但它達到你想要的效果。