感谢大家！问题已经解决啦~

@otakustay

我试了一下replace，获取到range后用range.toString()得到文本，然后对文本替换成加入tag的样子

$("div:contains('" + ranger + "')").each(function() {
var Text = $(this).html().replace(ranger, "<span id='item' rel='popover' data-content='text' data-placement='top'>" + ranger + "</span>");
$(this).html(Text);
});

最后再在popover退掉后再恢复文本，最外面放一个for

办法很笨拙，肯定有更好的方法，初学JS，还有很多地方要学习啊…………

@otakustay 感谢回答

我使用的是这个库 http://jquerypp.com/#range

得到选中文本位置和内容后，如果使用bootstrap的popover

用哪种方式在原文选中文本位置包裹<span>标签呢？

用wrap，replace，或者其他什么好的方案？

非常感谢！

安装十六进制编辑器
sudo apt-get install hexedit
执行一下命令
sudo hexedit /opt/google/chrome/chrome
进入到编辑器后，光标在左侧，首先按TAB键切换到右侧的ASCII码模式，接着按 Ctrl+S打开搜索功能，输入 geteuid按回车查找， 将geteuid修改为getppid，最后按 Ctrl+X保存退出
OK!

@lookhi 可是感觉小巧的过了头，好多问题都不能借助框架解决~~

@leeoo 是啊，这两个框架虽然灵活性提高了，但是需要用到很多其他的组件，似乎也要一定额外的学习成本

@clino 是limodou前辈的吧？确实不错