How to align <td> with digits inside to the right, jQuery

Question

Hi there, i have a table(s) with different dynamic-generated content inside. How can i do that all with only numbers inside will have text-align to the right?

Well, i know how to add css to some element, the question is how to get only tds with digits

Thank you!

Answer 1

Your question is not real clear but you can align-right in any cell like this:

<td align="right">123</td>

Answer 2

You can use the filter option:

$('td').filter(function() {
  return this.innerHTML.match(/^[0-9\s\.,]+$/);
}).css('text-align','right');

This will match "123", "12 3", "12.3" and "12,3" but not "abc", "abc123", etc.

Answer 3

Hi, I'd suggest some jquery, I've mocked up on jsbin.

$(document).ready(function(){ $("td").each(function(index, item){
if(isNaN($(item).text()) == false) { $(item).addClass("match"); } }); });

(Sorry, my stackoverflow formatting skills are a little weak.)

Answer 4

If you want a jQuery-ish solution, one way is to use a custom selector:

$.expr[':'].isNumeric = function(obj){
  return !isNAN( $(obj).text() );
};

And then:

$('td:isNumeric').addClass('numeric');

Which assumes the style:

td.numeric { text-align: right; }

...or if you prefer:

$('td:isNumeric').css('text-align','right');