jquery - 如何用 span 将文本包装在 td 内

Question

我有这个

<tr><td>other</td><td>mytest</td></tr>
<tr><td>other</td><td>mytest</td></tr>
<tr><td>other</td><td>mytest</td></tr>
<tr><td>other</td><td>mytest</td></tr>
<tr><td>other</td><td>mytest</td></tr>

我想将 last td 中的文本替换为

<span>mytest</span>

我正在尝试这个，但我包装了td不text

var r2 = new RegExp("mytest", 'i');

$(" tbody td").filter(function(){ 
        return $(this).text().replace(/\s/g, "").match(r2) }

    ).wrap('<span class="label-success"></span>');

Answer 1

你需要使用wrapInner

var r2 = new RegExp("mytest", 'i');

$(" tbody td").filter(function(){ 
        return $(this).text().replace(/\s/g, "").match(r2) 
}).wrapInner('<span class="label-success"></span>');

演示：小提琴