使用jQuery的.replaceWith函数替换部分文本

时间:2013-01-22 21:32:07

标签: javascript jquery

我正在开发一个包含sharepoint 2010的新主页。其中一个占位符生成网站名称 - 字符串中的页面名称。当页面准备就绪时,源代码会显示此内容。

<h1 class="ribbonmc">
    Devness Squared - Mark Jensen
</h1>

Devenss Squared是网站名称,Mark Jensen是网页名称。我试图从显示中删除网站名称,并仅使用jQuery显示网页名称。这是我到目前为止所做的。

$(document).ready(function() {
        $('#ribbonmc').text(function(i, oldText) {
            return oldText === 'Devness Squared - ' ? '' : oldText;
        });
    });

2 个答案:

答案 0 :(得分:0)

正则表达式解决方案:

$(".ribbonmc").text(function(i, oldText) {
    return oldText.replace(/^Devness Squared - /, "");
});

非正则表达式解决方案:

$(".ribbonmc").text(function(i, oldText) {
    var r = "Devness Squared - ";
    return oldText.indexOf(r) === 0 ? oldText.substring(r.length) : oldText;
});

答案 1 :(得分:0)

$(document).ready(function() {
    var sitename = 'Devness Squared - ';
    $(".ribbonmc").text(function(i, oldText) {
        return oldText.indexOf(sitename) === 0    // if it starts with `sitename`
             ? oldText.substring(sitename.length) // t: return everything after it
             : oldText;                           // f: return existing
    });
});