Выберите тд, который содержит числовые значения из таблицы

Question

У меня есть таблица с некоторыми динамически генерируемыми данными.Проблема в том, что я хочу выбрать все <td>'s, которые имеют числовой (форматированный или неформатированный) тип данных, и применить к ним некоторый стиль.Как лучше всего это сделать с помощью jQuery или JavaScript?Любая помощь или предложения будут оценены.Спасибо.

<table>
<tr>
    <th>Days</th>
    <th>Booth 1</th>
    <th>Booth 2</th>
    <th>Booth 3</th>
</tr>
<tr>
    <td>Monday</td>
    <td>12,000</td>
    <td>2,500</td>
    <td>0</td>
</tr>
<tr>
    <td>Tuesday</td>
    <td>4,200</td>
    <td>0</td>
    <td>3,500</td>
</tr>
<tr>
    <td>Wednesday</td>
    <td>Out Of Order</td>
    <td>Busy</td>
    <td>11,540</td>
</tr>
</table>

Answer 1

Как насчет чего-то вроде

$('td').each(function () {
    if ($(this).html().match(/^\s*\d[\d,\.]*\s*$/)) {
        $(this).css('background-color', 'red');
        // TODO: something cool
    }
});

, в котором используется простое регулярное выражение для сопоставления цифры, а затем нуля или более цифр или запятых или десятичных точек внутри элементов <td>.Затем вы можете выполнить любое действие над элементом.

Answer 2

Было бы лучше просто добавить класс к этим td s, когда они генерируются на стороне сервера.

Если это не вариант, вы можете использовать .filter() с регулярным выражением:

$('td').filter(function(){
    return /^[.,\d]+$/.test( $.text(this) );
})
.css('color', 'blue'); // or anything else...

Вот скрипка: http://jsfiddle.net/m7gQL/

Answer 3

Предполагая, что вопрос задан в тексте сообщения, а не в заголовке, лучше всего назначить подходящий атрибут класса для ячеек, содержащих числовые данные. Это лучше всего делать при генерации табличных данных, так как там вы должны знать, какой тип данных вы генерируете. Если это невозможно, вам может понадобиться написать цикл, который обрабатывает ячейки и пытается проанализировать их содержимое (все содержимое) в соответствии с шаблоном чисел. Вам необходимо указать тип числовых данных, которые могут отображаться (например, просто целые числа или что-то еще? И какие обозначения?).

Answer 4

Попробуйте:

$(document).ready(function(){
  $('table td').each(function(){
    if (!isNaN($(this).html().replace(',','')))
    {
      $(this).css('background-color', 'green');
    }
  })
});

Answer 5

Вы не можете сделать это, посмотрев на сгенерированный HTML, потому что даже если ячейка содержит число, тип данных столбца может быть, скажем, String. Вместо этого вы должны вывести эту информацию при генерации HTML. Таким образом, ячейки с числовыми типами данных получат атрибут

<td class="numeric"> ... </td>

И numeric будет определяться как

td.numeric { ... }