Jquery 触发器（'；change'；）；设置多个css更改

我想在下面的脚本中更改一个额外的css

property:value

。我想添加

top:70%选择“旋转文本”时，如何正确添加

我发现了一些不同的选项（例如，
$（“.sw_poster_text2”）.css（{“propertyname”：“value”，“propertyname”：“value”}）；
，但这在我的脚本中不起作用

.trigger('change');
    $("select[data-field-id='5f01284fb2641']").change(function() {
        var transform = $(this).find('option:selected').data('wapf-label');
        if(transform == 'straight text')
            transform = 'rotate(-0deg)';
        if(transform == 'rotated text')
            transform = 'rotate(-40deg)';
        $(".sw_poster_text2").css("transform", transform);
    });  

css顶部应该是px、em而不是%


$（“选择[数据字段id='5f01284fb2641']）。更改（函数（）{
var transform=$（this）.find（'option:selected'）.data（'wapf-label'）；
如果（转换==‘纯文本’）
变换='旋转（-0度）'；
如果（转换==‘旋转文本’）{
变换='旋转（-40度）'；
$（.sw_poster_text2”）.css（{position:“absolute”，top:“70px”}）；
}
$（.sw_poster_text2”）.css（“转换”，转换）；
console.log（$（“.sw_poster_text2”）.attr（“style”）；
})；

纯文本
旋转文本
示例文本
如果充分利用类，则可以更轻松地设置元素的样式


$（“选择”）.change（函数（）{
变量转换=$（this）.find（'option:selected'）.data（'wapf-label'））
var sample=$（this）.sibbines（'.sw_poster_text2'）
sample.attr（“class”，“sw_poster_text2”）.addClass（transform）；
})；
.streat{
顶部：继承；
变换：旋转（-0度）；
}
.轮换{
位置：绝对位置；
最高：70%；
变换：旋转（-40度）；
}

纯文本
旋转文本
示例文本