我有一些文本块,其中包含各种规格,并希望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类但不愿意。
这种事情有可能吗?
答案 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
让我知道你需要额外的东西:)