# Change background-color with javascript

**URL:** <https://forums.knack.com/t/change-background-color-with-javascript/9907>\
**Category:** Get Answers\
**Created:** [June 25, 2018, 12:49am UTC](https://forums.knack.com/t/change-background-color-with-javascript/9907 "2018-06-25T00:49:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Guilhermeb42087](https://avatars.discourse-cdn.com/v4/letter/g/a87d85/32.png) [@Guilhermeb42087](https://forums.knack.com/u/Guilhermeb42087)\
**Post date:** [June 25, 2018, 12:49am UTC](https://forums.knack.com/t/change-background-color-with-javascript/9907/1 "2018-06-25T00:49:31Z")

</div>

Hi everyone,

I'm trying to use javascript to change a background-color of a field when the record on it is "HABILITADOS".

Here is the code I'm trying to use, but something is not right. Can anyone help me to figure it out how to make it work?

$(document).on('knack-view-render.view\_292', function(event, view, data) {  
 $("#view\_292 \> section \> div:nth-child(2) \> div:nth-child(1) \> div \> div \> div.field\_1062 \> div \> span \> span").each(function() {  
 var backgroundColor = ($(this).find("span").text().trim() == "HABILITADOS") ? "#0ccf0c" : "#e80c9a";  
 $(this).css("backgroundColor", textColor);  
 })  
});

Thanks!

---

<div class="post-metadata">

**Author:** ![Sunny\_Singla](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/sunny_singla/32/1007_2.png) [@Sunny\_Singla](https://forums.knack.com/u/Sunny_Singla)\
**Post date:** [August 22, 2018, 4:37pm UTC](https://forums.knack.com/t/change-background-color-with-javascript/9907/2 "2018-08-22T16:37:55Z")

</div>

Hi ,

&nbsp;

Try to replace&nbsp;$(this).find("span").text().trim()&nbsp; with&nbsp;$.trim($(this).find("span").text())

&nbsp;

Thanks

---

<div class="post-metadata">

**Author:** ![Charlie24782](https://avatars.discourse-cdn.com/v4/letter/c/bcef8e/32.png) [@Charlie24782](https://forums.knack.com/u/Charlie24782)\
**Post date:** [August 22, 2018, 4:09pm UTC](https://forums.knack.com/t/change-background-color-with-javascript/9907/3 "2018-08-22T16:09:24Z")

</div>

Hi, were you ever able to resolve this? I would love to add a little background color to my groups.&nbsp; Thanks.&nbsp; Charlie

&nbsp;