JSFiddle - React, Tailwind, and code Playground

HTML

<table class="carpet">
  <tbody>
    <tr>
      <td>2</td>
      <td>7</td>
      <td>4</td>
    </tr>
    <tr>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr>
      <td>2</td>
      <td>1</td>
      <td>1</td>
    </tr>
  </tbody>
</table>

CSS

.carpet {
		background-color: aliceblue;
	}
	
	.carpet td {
				padding: 12px 20px;
	}

.red {
  background-color: #E7295B;
}

JavaScript

$(document).ready(function() {

  $(".carpet td").each(function() {
    if (parseInt($(this).text(), 10) < 5) {
      $(this).addClass("red")
    }
  });
  
});