使用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

您需要使用正则表达式来匹配数字，并用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上的测试用例

Answer 2

您可以使用正则表达式：

var searchPattern = new RegExp(/^\d+$/, 'g');
$elem = $('td.data');
$elem.html($elem.html().replace(searchPattern , "<span>" + searchPattern  + "</span>"));

其中，$ elem是要搜索的HTML元素的jQuery对象，即所有TD类为“ data”的对象。