Find all cells within a specific column and change color on certain characters

Find all cells within a specific column and change color on certain characters

I need to perform the following on my table:

  1. Find a specific column by it's name or class (<th class="ColHeader1" scope="col">ColHeader1</th>)
  2. Within that column I need to find all the cells containing "1"
  3. The cell could contain a string like "1, 2, 3", and then I need to set the color red only on "1".

How can I do this with JQuery?

So here is the table:

  2. <table class="fooBar" width="200" border="0">
  3. <thead>
  4.       <tr>
  5.         <th class="ColHeader1"><b>ColHeader1</b></th>
  6.         <th class="ColHeader2"><b>ColHeader2</b></th>
  7.         <th class="ColHeader3"><b>ColHeader3</b></th>
  8.       </tr>
  9.     </thead>
  10.     <tbody>
  11.       <tr>
  12.         <td>1, 2, 3</td>
  13.         <td>CellData</td>
  14.         <td>CellData</td>
  15.       </tr>
  16.       <tr>
  17.         <td>1, 2, 3</td>
  18.         <td>CellData</td>
  19.         <td>CellData</td>
  20.       </tr>
  21.       <tr>
  22.         <td>1, 2, 3</td>
  23.         <td>CellData</td>
  24.         <td>CellData</td>
  25.       </tr>
  26.     </tbody>
  27. </table>
So this is the result I would expect: