Coloring Text Inside Table Data

by Nur Muhammad

HTML

<table border="1">
  <tr>
    <td>-1.413\-5.113</td>
    <td>-3.314\-3.650</td>
    <td>-0.001\-0.010</td>
    <td>-1.052\-1.052</td>
    <td>-1.052\-1.052</td>
  </tr>
</table>

CSS

.green {
  color: green;
}
.red {
  color: red;
}

JavaScript

$('table td').each(function() {
	var str = $(this).html();
  var arr = str.split("\\");
  var el1 = '<span class="green">' + arr[0] + '</span>';
  var el2 = '<span class="red">' + arr[1] + '</span>';
  // Replace current column
  $(this).html(el1 + '\\' + el2);
});