有没有一种方法可以在不插入span标签的情况下突出显示特定的单词或数字？

Question

我有不同规格的文本块，想让jquery高亮显示与特定模式匹配的任何内容，而不插入任何额外的html。

以下是我必须处理的文本类型。

英特尔®酷睿ATA i7处理器920 (2.66 GB，8 GB高速缓存，4.8GT/秒)/正版™®7家庭高级版64位/ 640 GB串行ATA非Raid (7200转/分)/6 GB 1333 HDA (3x2 GB)不含三通道内存/显示器/ 16X™+/- RW光驱(DVD和CD读写)/1.8 GB NVIDIA®GeForce™显卡/集成HDA 7.1杜比数字音频

我希望jquery可以在不插入任何额外html的情况下突出显示一些基本的规范。也许在需要的地方使用一些通配符来处理与规范格式匹配的值列表？

选择正确的css

标签是#list div div div+p，或者我可以只给p类，但我不想。

这种事情有可能发生吗？

Answer 1

如果您的意思是在服务器端HTML中“不插入任何额外的html”，则不是。

但是，可以通过使用jQuery包装关键字来实现这一点。

看一看jQuery Highligth插件，它会查找你的关键字并将其包装成一个跨度，你只需要一堆CSS即可。

Answer 2

在某些阶段，您将需要在DOM中插入一些标记，但如果您不想将其与文本放在一起，则绝对可以将div或img标记放在文本的正下方。我不确定你如何找到文本的位置( IE之外，它有一些使用TextRanges的非标准方法-请参阅spellayt plugin了解详细信息)。

您可能会对this Highlighting plugin for jQuery感兴趣，它基本上做到了这一点。

Answer 3

您可以更改文本容器的类以添加突出显示。该容器可以是包围文本的<P>标记。这将是整个段落，而不仅仅是找到文本的段落中的文本。