동적 여백? (jQuery)

Question

확인. 내가하고 싶은 것은 jQuery를 사용하여 특정 클래스 (.link)의 모든 <span> 태그를 통과하고 padding-right css 값을 현재 범위 너비의 20 %로 설정하는 것입니다.

나는 jQuery와 잘 맞지 않아 보여줄 코드가 없으며 나머지는 거의 설명이 필요 없다.

도움을 주시면 감사하겠습니다. 감사합니다 :)

Answer 1

당신은 당신이 CSS와 함께이 작업을 수행 할뿐만 아니라

span.link { padding-right: calc(20%); } 

수있는 현재 반복 요소 새로운 브라우저에서 X 0.2

$('span.link').css('padding-right', function() { 
    return $(this).width() * 0.2; 
}); 

을의 폭을 반환하는 콜백 함수로 css() 방법을 사용할 수 있습니다