javascript - 突出显示具有粗体、下划线、斜体样式的文本

Question

如何搜索具有以下任何属性的文本，如下所示。

 .css('font-weight', 'bold');
 .css('font-style', 'italic');
 .css('text-decoration', 'underline');
 <b> Some Text </b>
 <u> Some Text </u>
 <i> Some Text </i>

我想这样替换文字

 var body = $('body');
 var replaced = body.html().replace(text,'<span class="hasStyle">'+text+'</span>'); 
 $('body').html(replaced);

Answer 1

使用 filter和 wrap jQuery 中的函数。这是一个简单的例子:

$("*").filter(function(i, elm) {
    return $(elm).css("text-decoration").match(/underline/i);
}).wrap("<span class=\"highlight\" />");

http://jsfiddle.net/joshcomley/6RNQx/

这应该让您大致了解如何解决问题，并且您可以轻松地将过滤器扩展到您自己的标准。