jQuery元素动画的孩子价值？

Question

我期待单击a.go，然后有一系列的div的所有类.box的动画的到在输入父.box的内保存的百分比

所以我看起来是这样的：

<a class="go" href="#">go!</a> 

<div class="box><input type="hidden" value="50"/></div> 
<div class="box><input type="hidden" value="90"/></div> 
<div class="box><input type="hidden" value="20"/></div> 
<div class="box><input type="hidden" value="60"/></div> 


     $('a.go').click(
     function() { 
       $('.box').animate({ 
        "left": "50%" 
        }, 2000); 
      } 
     ); 

所以现在我可以动画它们全部的50％，但我想他们对动画的输入值。我应该使用什么？每（）？

Answer 1

是这样的？

$('a.go').click(function() { 
    $('.box').each(function() { 
     $(this).animate({ left: $('input', this).val() + '%' }, 2000); 
    }); 
});