jQueryMobile：将所有匹配条件的单词换成span？

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/

g = / g修饰符确保所有出现的＆＃34;替换＆＃34;

好读：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>'));

});