如何搜索和突出显示不包括标签内内容的术语
how to search and highlight terms excluding content inside a tag?
HTML:
Our formula is this: We go out, we hit people in the mouth.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9">[9]</a></sup> The team went 5–4 overall
我正在尝试匹配:
in the mouth. The team went
基本上试图忽略<sup>
标签内的文本
我已经根据这个答案改编了代码。
document.designMode = "on";
var sel = window.getSelection();
sel.collapse(document.body, 0);
while (window.find(search_string)) {
document.execCommand("backColor", false, "yellow");
}
sel.collapseToEnd();
document.designMode = "off";
虽然这会忽略标记,但不会忽略标记中的文本。
如果您知道它总是要删除的sup
,那么您应该能够执行类似的操作
function stripSupFromText(text) {
var div = document.createElement('div');
div.innerHTML = text;
div.removeChild(div.getElementsByTagName('sup')[0]);
return div.innerText;
}
相关文章:
- 如何使多个标签显示在JQuery范围滑块中
- 如何使用 JavaScript 向我的
标签显示图像
- DIV 标签显示:内联块;
- 安卓上的html5视频标签显示黑屏
- 高图表.js如何强制 x 轴标签显示所有月份,无论图表大小如何
- 如何在javascript中将服务器端标签显示更改为Block
- 为什么用Javascript RegEx在文本周围包装标签会将标签显示为文本
- 锚点标签显示完整链接问题
- 如何通过按下标签显示隐藏内容使用选择器
- Internet Explorer中的选项标签显示块/无
- js标签显示所有菜单项的最后一个条目的标签
- 过滤一个html页面,所以只有某些标签显示
- 使用angularjs和ionic通过html img标签显示图像
- Sencha不能在控制器中触发我的标签显示事件
- 用html标签显示javascript变量值
- jQuery进度条标签显示“false”
- Highcharts响应式数据标签显示
- 检测标签显示,移除类隐藏
- ZingChart x轴标签显示为数字而不是字符串
- 需要帮助在Div标签显示曲线边界以上的Img