将 addclass 方法应用于 execcommand

【问题标题】：Apply addclass method to execcommand将 addclass 方法应用于 execcommand
【发布时间】：2014-11-08 22:29:49
【问题描述】：

使用window.getSelection() 的文本高亮工作正常。但是当我想突出显示预选的保存文本时不起作用。请帮我解决这个问题。

var highlight = 'Hello There';
document.execCommand('formatblock', false, 'p')
var listId = highlight.focusNode.parentNode; // window.getSelection() not used
$(listId).addClass("customClass");

【问题讨论】：

highlight 是一个字符串。 getSelection 不返回字符串。它返回一个Selection 对象。

标签： javascript jquery highlight execcommand

【解决方案1】：

如果要突出显示包含搜索文本的 DOM 节点的内容，应该使用 jQuery 的 :contains 选择器：

$('span:contains(Hello There)').addClass("customClass");

演示：http://jsbin.com/wifulereyi/2/

如果只想突出显示搜索到的文本，则需要先处理 jQuery 选择结果，然后使用 .wrapInner('<span class="highlight"></span>') 之类的东西。在这种情况下，你最好使用像jQuery.highlight这样的插件

【讨论】：