JQuery Dynamic selector to change background color not working

Asked Sep 15 '15 at 07:15

Active Sep 15 '15 at 07:19

Viewed 403 times

I have a div for an AngularGrid row which I want to have its background-color changed, it should change on a click event of a callback function for its cellRendered property:

function hightlightedRow(params) {  

            if (params.value) {
               $("div[row='" + params.rowIndex + "']").css('background- color','gray');                    
            } 
 }

The code doesn't work for the dynamic rowIndex, but if I hardcode an index like this on this callback event it works fine:

if (params.value) {
    $("div[row='3']").css('background-color','gray');
}

Can you please tell me how can I change the css style of each row called by this function dynamically?. Thanks.

edited Sep 15 '15 at 07:19

asked Sep 15 '15 at 07:15

CoderRoller

1,239
3
22
39

Yes Pranav, I have printed, and it has the desired value. – CoderRoller Sep 15 '15 at 07:18
@Vineet How so?. Thanks. – CoderRoller Sep 15 '15 at 07:18
3

Isn't it due to the typo ? There's a space after your dash in the CSS property `background- color`. – Sebastien Sep 15 '15 at 07:26

JQuery Dynamic selector to change background color not working

0 Answers0