Question

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

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

Answer 1

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

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

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

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

这样的插件

将addclass方法应用于execcommand

1 个答案: