jquery替换元素中的多个字符串，而不是替换元素

Question

你好朋友:)

我有一个关于jquery的问题。在jQuery中有一个函数来替换已经映射到对象或数组中的许多单词。

例在PHP中：

<?php 
    $textBefore = "PHP is amazing open source programmer language, 
        there many webs around the world that are built using php"; 
    $forReplace = array("amazing","programmer","webs"); 
    $replacement = array("powerfull","programming","websites"); 
    $textAfter = str_replace($forReplace , $replacement , $textBefore); 
    echo $textAfter; 
?> 

将产生

PHP is powerfull open source programming language, 
there many websites around the world that are built using php 

如何在jQuery中做类似的事情？ 我这样做是为了降低服务器的性能，所以我想通过浏览器来完成这项工作。因为在一个演出页面中替换的内容太多了。

在此先感谢。

Answer 1

你不需要jQuery的，只是使用JavaScript的替代方法。

var text = 'PHP is amazing open source programmer language, there many webs around the world that are built using php'; 

text = text.replace('amazing', 'powerful'); 
text = text.replace('programmer', 'programming'); 
text = text.replace('webs', 'websites'); 

可以复制PHP的str_replace函数方法，像这样：

function str_replace(search, replace, subject) { 
    for (i=0; i<replace.length; i++) { 
     subject = subject.replace(search[i], replace[i]); 
    } 
    return subject; 
} 

var subject = "This is a test string."; 
var search = ['test', 'string']; 
var replace = ['cool', 'thang']; 

subject = str_replace(search, replace, subject); 

\\ subject is now 'This is a cool thang'; 

Answer 2

var value = $("#text").val(); // value = 9.61 use $("#text").text() if you are not on select box... 
value = value.replace(".", ":"); // value = 9:61 
// can then use it as 
$("#anothertext").val(value); 

Answer 3

你可以用一个循环来实现这一点。

var text = "This is some sample text."; 
var target = ['some', 'text']; 
var replace = ['replaced', 'sentence']; 

for(var i = 0; i < replace.length; i++){ 
    text = text.replace(target[i], replace[i]) 
} 

Demo

Answer 4

参考phpjs.org其中有PHP函数JavaScript实现。

str_replace的代码如下所示。来源：http://phpjs.org/functions/str_replace/

function str_replace(search, replace, subject, count) { 
    var i = 0, 
    j = 0, 
    temp = '', 
    repl = '', 
    sl = 0, 
    fl = 0, 
    f = [].concat(search), 
    r = [].concat(replace), 
    s = subject, 
    ra = Object.prototype.toString.call(r) === '[object Array]', 
    sa = Object.prototype.toString.call(s) === '[object Array]'; 
    s = [].concat(s); 
    if (count) { 
    this.window[count] = 0; 
    } 

    for (i = 0, sl = s.length; i < sl; i++) { 
    if (s[i] === '') { 
     continue; 
    } 
    for (j = 0, fl = f.length; j < fl; j++) { 
     temp = s[i] + ''; 
     repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0]; 
     s[i] = (temp) 
    .split(f[j]) 
    .join(repl); 
     if (count && s[i] !== temp) { 
     this.window[count] += (temp.length - s[i].length)/f[j].length; 
     } 
    } 
    } 
    return sa ? s : s[0]; 
} 

用法：

$textBefore = "PHP is amazing open source programmer language,there many webs around the world that are built using php"; 
$forReplace = ["amazing","programmer","webs"]; 
$replacement = ["powerfull","programming","websites"]; 
$textAfter = str_replace($forReplace , $replacement , $textBefore); 

$textAfter将有PHP is powerfull open source programming language,there many websites around the world that are built using php