jQuery突出顯示所有術語

Question

我試圖突出顯示搜索術語，但它不會拆分單詞。兩個單詞作爲一個字符串並僅按原樣高亮顯示字符串。

在demo中，您可以看到「Windows XP」突出顯示，但不顯示「Windows」。我該怎麼做才能突出這兩個詞呢？

$(document).ready(function() { 

      $('p,a').highlight('Windows XP'); 

}); 

謝謝你的答案，但我認爲你們不明白。搜索詞是從輸入字段中獲取的，因此它發生了變化。這不會是Windows XP中始終，它可以「曬在沙灘上」，我想所有的字加以強調不只是「太陽」

我更新了演示 http://jsfiddle.net/eayan/12/

Answer 1

試試這個，它應該突出整個字符串和裏面的話。

var searchterm = "Windows XP"; 
var tohighlight = searchterm.split(" "); 
tohighlight.push(searchterm); 
$("p,a").highlight(tohighlight); 

Answer 2

假設你得到的字符串與

var s = $('#myInput').val(); 

做

s.split(' ').forEach(function(token){ 
    $('p,a').highlight(token); 
}); 

或

$("body p").highlight(s.split(' ')); 

Answer 3

從插件的文檔（可here）：

您可以通過使用術語的陣列作爲第一屬性運行亮點突出多個文本一次。這比運行高亮功能要快好幾倍。

$("body p").highlight(["jQuery", "highlight", "plugin"]);

這意味着，你可以簡單地使用：

$('p,a').highlight(['Windows XP', 'Windows']); 

Answer 4

希望您正在尋找這樣的：

var term = $('#q').val(); 
$.each(term.split(" "),function(i,v){ 
    $('p,a').highlight(v); 
});