jQueryMobile: Оберните все слова, соответствующие условию с пролетом?

Question

У меня есть страница JQuery Mobile с текстом под элементом (простая страница):

<div data-role='content' > 

Использование JQuery, как я могу обернуть каждое вхождение слова Canada с размахом, как это:

<span class='query'>Canada</span> 

Answer 1

$('div[data-role="content"]').html(function(i, v) { 
    return v.replace(/(Canada)/gi, '<span class="query">$1</span>'); 
}); 

Вот скрипка: http://jsfiddle.net/9CXFR/

Answer 2

Как это: http://jsfiddle.net/QeZxn/7/ или http://jsfiddle.net/QeZxn/6/

г =/г модификатора убеждается, что все вхождения "замены"

хорошо читать: http://www.regular-expressions.info/javascript.html

код

$(document).ready(function() { 
    var $foo = $('div[data-role="content"]'); 

    $foo.html($foo.text().replace(/Canada/g,'<span class="query">Canada</span>')); 

});