jquery - 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/

g = /g 修饰符确保所有出现的“替换”

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

});