使用jQuery只绕数字换行

Question

如何span用表"数据"而不是$字符包裹表格单元格中的数字(和仅数字)？

这是HTML标记:

<table>
    <tr>
        <th>Description</th>
        <th>Weight</th>
        <th>Views</th>
        <th>Cost</th>
    </tr>

    <tr>
        <td>Item description here</td>
        <td class="data">37 pounds</td>
        <td class="data">132 views</td>
        <td class="data">$99.59</td>
    </tr>
</table>

Answer 1

您需要使用正则表达式来匹配数字并用a包装它们span.

var rxp = new RegExp("([0-9]+\.?[0-9]+)", "gm");
$("td.data").each(function(){
    var $this = $(this);
    var content = $this.html();
    $this.html(content.replace(rxp, "<span>$1</span>"));
});

请参阅jsFiddle上的测试用例