当前位置：首页 > jquery

jquery字符串替换

2026-02-03 17:40:08jquery

jQuery 字符串替换方法

jQuery 本身没有专门的字符串替换函数，但可以通过 JavaScript 原生方法或 jQuery 辅助方法实现字符串替换操作。

使用 JavaScript replace() 方法

JavaScript 的 String.prototype.replace() 方法是最直接的字符串替换方式：

var originalString = "Hello World";
var newString = originalString.replace("World", "jQuery");
console.log(newString); // 输出 "Hello jQuery"

正则表达式替换（全局替换）：

var str = "apple,orange,apple,banana";
var newStr = str.replace(/apple/g, "pear");
console.log(newStr); // 输出 "pear,orange,pear,banana"

jQuery 文本替换

在 DOM 元素内容替换时，可以使用 jQuery 方法：

$("#element").text(function(i, text) {
    return text.replace("old", "new");
});

HTML 内容替换：

$("#element").html(function(i, html) {
    return html.replace(/<br>/g, "<p>");
});

链式替换方法

创建自定义 jQuery 扩展方法实现链式调用：

$.fn.replaceText = function(search, replace) {
    return this.each(function() {
        var text = $(this).text();
        $(this).text(text.replace(new RegExp(search, "g"), replace));
    });
};

// 使用方式
$(".content").replaceText("foo", "bar");

多字符串替换

对于多个替换需求，可以使用对象存储替换对：

function multiReplace(str, map) {
    for (var key in map) {
        str = str.replace(new RegExp(key, "g"), map[key]);
    }
    return str;
}

var result = multiReplace("Hello John, how are you John?", {John: "Jane", Hello: "Hi"});
console.log(result); // 输出 "Hi Jane, how are you Jane?"