Jquerymobile change text color on slider change

Question

Hi in my app i have a page with five sliders ..for each slider value i assigned a text , but i am unable to give color for the that text .code as below

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

});

i want to set color for each text, any help is appreciated.

Answer 1

Use .css() to apply styles to element

Try this below example code for all values

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