How to add css to dynamic div Id

Question

I want to apply css to dynamic div id.

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    c.style.backgroundColor = 'rgb(255, 125, 115)';
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
}

here "item_" + i is a dynamic Ids of every rows.like item_1,item_2,item_3 etc. So I want to add css in some of the rows. ie . item_1 and item_3 or else.

So how can this possible.

Pranav C Balan · Accepted Answer · 2016-02-21 16:54:48Z

1

You are trying to apply the style property to string instead you need to get the element by id. Use documet.getElementById() for that

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    document.getElementById(c).style.backgroundColor = 'rgb(255, 125, 115)';
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
}

Or use jQuery id-selector and for applying css use css()

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    $('#'+c).css('background-color','rgb(255, 125, 115)');
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
}

edited Feb 21, 2016 at 16:54

answered Feb 21, 2016 at 16:43

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Techie · Accepted Answer · 2016-02-21 16:48:23Z

0

You can use as mentioned other users, or you can also use the below, basically if you use pure JavaScript then you have to identify the element first by using the function document.getElementbyId

var c = document.getElementbyId('item_' + i);
c.style.backgroundColor = 'rgb(255, 125, 115)';

answered Feb 21, 2016 at 16:48

Techie

1,4913 gold badges18 silver badges24 bronze badges

Comments

Yakng · Accepted Answer · 2016-02-21 16:51:34Z

0

There are many ways for achieving result you want.In addition to others answers you can also do like this with jquery

$("div#"+dynamic_id).css("background-color", "rgb(255, 125, 115)");

answered Feb 21, 2016 at 16:51

Yakng

1358 bronze badges

Comments

Pranav C Balan · Accepted Answer · 2016-02-21 16:56:21Z

0

In order to add CSS to dynamic div you can use the following syntax

$("div"+dynamic_id).css({"color":"rgb(255, 125, 115)"});

edited Feb 21, 2016 at 16:56

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

answered Feb 21, 2016 at 16:46

Rajat Bhadauria

2602 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to add css to dynamic div Id

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related