Rob*_*son 3 html javascript css jquery jquery-selectors
我有一个包含一些动态生成数据的表.问题是我想选择所有<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>
Run Code Online (Sandbox Code Playgroud)
怎么样的
$('td').each(function () {
if ($(this).html().match(/^\s*\d[\d,\.]*\s*$/)) {
$(this).css('background-color', 'red');
// TODO: something cool
}
});
Run Code Online (Sandbox Code Playgroud)
它使用简单的正则表达式来匹配数字,然后匹配零个或多个数字或<td>元素内的逗号或小数点.然后,您可以在元素上执行您喜欢的任何操作.