如何使用 jquery 更改 div 填充百分比？

Question

我正在使用一个responsive窗口来播放视频。

.player-window {
    position: relative;
    padding-bottom: 42%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
} 

我想更改padding-bottom %我点击的每个视频的 。这是我尝试的只是猜测。它不起作用，但我认为我想做什么很清楚。

$('.thumbnail').on('click', function() {
    $('.player-window').css(padding - bottom: '50%');
    $('.player-window').html('embedded video');
});

Answer 1

您可以使用或

$('.player-window').css('padding-bottom','50%');

或者

$('.player-window').css({'padding-bottom':'50%'});

文档http://api.jquery.com/css/