Javascript Jquerymobile更改滑块上的文本颜色更改

您好，在我的应用程序中，我有一个有五个滑块的页面。对于每个滑块值，我分配了一个文本，但我无法为该文本指定颜色。代码如下

$(document).on("pagecreate", function (e) {
    $(e.target).find(".slider").on("change", function () {
        sVal = $(this).val();
         if (sVal == 0) {
            $(this).closest("div").next('.sliderlabel').text('');
        }

        if (sVal == 1) {

            $(this).closest("div").next('.sliderlabel').text(' Disagree');
        }

        if (sVal == 2) {
            $(this).closest("div").next('.sliderlabel').text('Disagree');
        }

        if (sVal == 3) {
            $(this).closest("div").next('.sliderlabel').text('Neither agree nor disagree');
        }


        if (sVal == 4) {
            $(this).closest("div").next('.sliderlabel').text('Agree');
        }
        if (sVal == 5) {
            $(this).closest("div").next('.sliderlabel').text('Strongly Agree');
        }
    });

});

我想为每个文本设置颜色，非常感谢您的帮助。

使用

.css（）

将样式应用于元素

对于所有值，请尝试下面的示例代码

$(this).closest("div").next('.sliderlabel').text('Strongly Agree').css('color','white');