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

我正在使用一个

响应式

窗口来播放视频

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

我想更改我单击的每个视频的

填充底部%

。 这是我刚才猜到的。它不起作用，但我想我要做的很清楚

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

您可以使用或

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

或

---

文档

除非引用对象属性文字，否则不能在对象属性文字中使用

-

。请使用camelCase或引用属性

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

或

---

第二个版本中缺少引号。

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

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