将addclass方法应用于execcommand

时间:2014-11-08 13:03:25

标签: javascript jquery highlight execcommand

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

这样的插件