jQuery 요소는 자식 값에 애니메이션을 적용합니까?

Question

a.go를 클릭하고 div의 시리즈를 모두 가지고 있습니다. 상자 내에서 .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); 
    }); 
});