在JQuery中将一个CSS属性设置为另一个属性的值？

Question

例如，要从左侧为框设置动画，我可以将“left”设置为“width”的负值，并将其设置为零：

 $('.box').each(function(){
      $(this)
           .css('left', $(this).width()*-1 )
           .animate({'left':0},1000)
           ;
 });

如果没有每个功能，有没有办法做到这一点？这个观音太过分了！

Answer 1

我不确定为什么你需要首先添加“each”，因为大多数jQuery函数同时处理多个元素。这应该有效：

 $('.box').css('left', $(this).width()*-1 ).animate({'left':0},1000);

编辑：代码不能像评论中提到的那样工作，因为$（this）没有引用正确的对象。这应该解决它：

 var $box = $box.css('left', $box.width()*-1 ).animate({'left':0},1000);

Answer 2

将function放在名为animateBox()的自己的函数中。然后你可以这样做：

$('.box').each(animateBox);