jquery - 如何使用 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/