jquery - jQueryMobile：条件に一致するすべての単語をスパンでラップしますか？

Question

要素の下にテキストがあるjQueryMobileページがあります（単純なページ）：

<div data-role='content' > 

CanadajQueryを使用して、単語の各出現箇所を次のようなスパンでラップするにはどうすればよいですか？

<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>'));

});