Question

I have this html

<tr>
   <td>Test</td> 
   <td>324</td>
</tr>

My default CSS is text-align:left

But I want to apply text-align:center to any <td> that contains digits.

I have about 50 HTML files so I can’t add class manually.

Answer 1

You could use filter and some regex magic:

$('td').filter(function() {
  return /^\d/.test($(this).text());
}).css('text-align', 'center');

The above regex is a bit simple, if you need more precision use this one:

/((?!\w+[^\s]))\d+\1/

The above will match (space)123 and 123(space) but not 123a or asd 123 so basically only numbers and spaces allowed if that’s what you’re looking for. To add more valid characters just put them like [^\s,], that will make the comma , valid too.