使用动态值$（this）.val（）向jQuery添加！important

Question

我如何添加！important以动态值跟随jQuery？

我尝试了以下操作：

$('#liveStyleH3, #h3, .h3').css("cssText", "font-size: $(this).val()px !important;");

jQuery(document).ready(function($){
var slider = document.getElementById("blank-h3-font-size");
var output = document.getElementById("slideH3Size");
output.innerHTML = slider.value;

slider.oninput = function() {
  output.innerHTML = this.value;
  $('#liveStyleH3, #h3, .h3').css('font-size', $(this).val() + "px", '!important');
}
});

结果应如下所示：

#liveStyleH3 {
    font-size: 32px !important;
}

某些用户已将此问题标记为重复的问题，这是不正确的！ 我已经通过以下方式解决了这个问题：

$('#liveStyleH3, #h3, .h3').css("cssText", "font-size:" + $(this).val() + "px !important;");

Answer 1

尝试一下：

$('#liveStyleH3, #h3, .h3').css('font-size', $(this).val() + "px !important");