Jquery Mobile更改滑块更改时的文本颜色

时间:2014-04-08 05:06:48

标签: javascript jquery jquery-mobile jquery-ui-slider

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

$(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');
        }
    });

});

我想为每个文字设置颜色,感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

使用.css()将样式应用于元素

请尝试以下所有值的示例代码

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