html - 渲染后突出显示页面上的文本

标签 html ajax parsing ajaxcontroltoolkit

我有一个应用程序,允许用户在多个字段中搜索字符串,当他们查看详细记录时,他们希望突出显示所有出现的字符串。

详细信息表单由标签和 ListView 组成,其中大部分位于 TabPanel 内部(来自 AJAX 控制工具包)。我想避免使用暴力来手动解析每个值以在显示之前添加突出显示标签。

有没有办法加载我的表单然后解析 HTML?还有其他方法可以解决这个问题吗?

最佳答案

JavaScript 和 JQuery 怎么样? http://plugins.jquery.com/project/highlight

我刚刚尝试了该插件并且它有效。您可以指定要突出显示哪些标签以及哪些单词。

<script language="javascript" type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.highlight-2.pack.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready( function () {
    $('p').each(function() { $.highlight(this, 'LOREM'); });
});
</script>
<style type="text/css">
    .highlight { background-color: yellow }
</style>

..
..
..
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi gravida risus elementum tortor. Duis mattis, est et volutpat cursus, mi mi ornare tortor, sed fringilla nibh erat sed eros. In nec orci vel velit scelerisque ultrices. Nunc auctor elit. Proin orci ligula, luctus a, venenatis sit amet, laoreet a, mauris. Suspendisse sem nibh, interdum eu, vestibulum non, semper vel, mauris. In quis leo suscipit risus semper pretium. Cras interdum iaculis dui. Etiam vel ipsum eu sapien dapibus sagittis. Donec lobortis, lectus et placerat euismod, quam dui porttitor sem, sed fermentum eros quam ac ipsum. Ut eu augue. Nullam lacinia dictum neque. Nullam eros. Phasellus sem nisi, feugiat nec, consectetur vel, ullamcorper at, nisl. Aenean quam risus, ullamcorper a, ultricies ut, posuere ac, quam. Vestibulum sed lectus ac orci fermentum viverra. Sed aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
    </p>

关于html - 渲染后突出显示页面上的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/354368/

相关文章:

html - 没有边框颜色的梯形

css - 缩放页面时不缩放 DIV 元素

python - 在python中通过json数据解析aws sns事件数据

python正则表达式,多行匹配,但仍想获取行号

在 REBOL 中解析数据 block

html - CSS :hover wont work if there's an absolute div behind it?

javascript - 在onerror函数中重写img标签的onerorr函数

javascript - 我无法使用 Javascript 使用 JSON 进行解析

jquery - 在 jQuery DataTables 中的 Ajax 请求后在 td 中添加 html 元素

javascript - 通过 AJAX 查找链接并绑定(bind)它们相同的操作,无需重复定义