jquery - 将文本包装在 html 标签内

Question

我正在尝试将文本包装在 <span> 中使用 jQuery 标记。下面的代码不起作用。请指出我哪里出错了。也请提出更好/不同的方法。

var mysearch = '(05/13/2012-11/13/2012)';
$('table:eq(0) tr:eq(1) th:contains("' + mysearch + '")').filter(function () {
    return this.html().replace('(05/13/2012-11/13/2012)', '<span class = "red"> (05/13/2012-11/13/2012)</span>');
});

Demo on jsFiddle

Answer 1

this 在你的代码中是一个没有 html 方法的 DOM 元素对象，你也不需要 filter 方法, 你可以使用 html 方法。

$('table:eq(0) tr:eq(1) th:contains("' + mysearch + '")').html(function(_, html) {
    return html.replace('(05/13/2012-11/13/2012)', '<span class="red"> (05/13/2012-11/13/2012)</span>');
});

如果第th的内容等于mysearch字符串，也可以使用wrapInner方法:

$('table:eq(0) tr:eq(1) th').filter(function(){
    return $.trim($(this).text()) === mysearch;
}).wrapInner('<span class="red"></span>');

JS Fiddle