How to apply css in jQuery on variable that is in loop?

Question

Hello guys I search alot but find nothing regarding my problem. I have one foreach loop in that i have one anchor tag and that will be changed according to my ifelse condition. Now I want to change color of each if else condition in that. Please help me to do.My code is within jQuery script.

for(var j=0;j<arrayData.length;j++){
  var country = "";
  if(arrayData[j].key=="40"){
    country = "UK";
  }else if(arrayData[j].key=="41"){
    country = "INDIA";
  }else if(arrayData[j].key=="47"){
    country = "POLAND";
  }else{
    country = "GERMANY";
  }
  check+='<a class="btn btn-success" href="<?php echo base_url()?>uploads/'+arrayData[j].value+'">'+country+
                    '</a>|';
}
check +='</td></tr>';

you want to update the css of your <a> ?

Noel
– Noel

2017-12-09 07:33:10 +00:00
Commented Dec 9, 2017 at 7:33 — Noel
– Noel, Commented Dec 9, 2017 at 7:33

Eddie · Accepted Answer · 2017-12-09 08:11:33Z

1

You can just append it on the html string.

for(var j=0;j<arrayData.length;j++){
   var country = "";
   var color = "";
   if(arrayData[j].key=="40"){
       country = "UK";
       color = "red";
   }else if(arrayData[j].key=="41"){
       country = "INDIA";
       color = "orange";
   }else  if(arrayData[j].key=="47"){
       country = "POLAND";
       color = "yellow";
   }else{
        country = "GERMANY";
       color = "green";
   }

   check+='<a class="btn btn-success" style="background-color:' + color  + ';" href="<?php echo base_url()?>uploads/'+arrayData[j].value+'">'+country+
                    '</a>|';
}

 check +='</td></tr>';

Other option: You can also add class to <a> tag.

Like <a class="color-red">

CSS:

.color-red {
   background-color: red;
}

edited Dec 9, 2017 at 8:11

answered Dec 9, 2017 at 7:34

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

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

2 Comments

amit sutar Over a year ago

thanks for your reply.Your code is working.But i want to change my anchor tags color. your code changes color of NAMES onto it

Eddie Over a year ago

Ohh.. then we change the code from color to background-color. Please see my updated answer @amitsutar

Collectives™ on Stack Overflow

How to apply css in jQuery on variable that is in loop?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related