如何动态地将样式应用于jQuery中的元素，类型和类？

Question

我需要应用这种风格：

<style>
#elementId td[role='gridcell'] {
height: 136px !important;
}
</style>

但我需要动态计算高度。如何使用Javascript设置此样式？

谢谢！提前！

Answer 1

1）在css中使用calc函数。

  

详细了解calc：https://www.w3schools.com/cssref/func_calc.asp

例如：

#elementId td[role='gridcell'] {
height: calc(100%-20px) !important;
}

2）在jquery中。

例如：

$(document).ready(function(){
    var dynamic = your calculate....
    $("#elementId td[role='gridcell']").css("height", dynamic);
})