有没有办法突出显示特定的单词或数字而不插入span标签?

时间:2010-04-27 21:11:14

标签: jquery jquery-selectors

我有一些文本块,其中包含各种规格,并希望jquery突出显示与特定模式匹配的内容而不插入任何额外的html。

以下是我必须使用的文字。

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

我希望jquery可以做的是突出显示一些基本规范而不插入任何额外的HTML。也许使用一些neededed的通配符来处理与spec格式匹配的值列表?

选择正确的

标签的css是#list div div div + p或者我可以给p类但不愿意。

这种事情有可能吗?

4 个答案:

答案 0 :(得分:2)

如果您的意思是“在服务器端HTML中没有插入任何额外的html”,则为no。

但是,您可以通过使用jQuery包装关键字来实现此目的。

看一下jQuery Highligth插件,它会查找并包含你的关键字,你只需要一堆CSS。

答案 1 :(得分:0)

您需要在某个阶段向DOM中插入一些标记,但如果您不想将其与文本内联,则可以将div或img标记放在文本下方。我不知道你会如何找到文本的位置(在IE之外有一些非标准的TextRanges方法 - 详见spellayt plugin)。

你可能对this Highlighting plugin for jQuery感兴趣,但它几乎就是这样。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

在这里你去...,检查你文本上的小提琴作品

http://jsfiddle.net/rachit_doshi/hx37w/1/

Highlights all the characters sepcified including spaces Intel® Core™ i7 Processor 920 (2.66GHz, 8MB cache, 4.8GT/sec)/ Genuine Windows® 7 Home Premium 64bit- English/ 640 GB Serial ATA non Raid (7200 Rpm)/ 6GB 1333MHz (3x2GB) Tri Channel Memory/ Display Not Included/ 16X DVD+/- RW Optical Drive (DVD & CD read and write)/ 1.8GB NVIDIA® GeForce™ GTX260 graphics card/ Integrated HDA 7.1 Dolby Digital Audio

让我知道你需要额外的东西:)