jquery - 使用 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 对象，即所有带有“data”类的 TD。