Установить одно свойство CSS в значение другого в JQuery?

Question

Например, чтобы анимировать поле слева, я могу установить «left» в отрицательное значение «width» и анимировать его в ноль:

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

Есть ли способ сделать это без каждой функции? ЭТО JQUERY СЛИШКОМ ВЕРБОЗА!

Answer 1

Я не уверен, зачем вам нужно было добавлять «каждый», потому что большинство функций jQuery работают с несколькими элементами одновременно. Это должно работать:

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

РЕДАКТИРОВАТЬ: код не работает, как указано в комментариях, потому что $ (это) не относится к нужному объекту. Это должно исправить это:

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

Answer 2

Поместите function в его собственную функцию под названием animateBox(). Тогда вы можете сделать это:

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