使用javascript一一替换字符串

debugcn 发表于 Dev

zaph0t

我很乐意使用javascript动态替换一些占位符文本。试图使用jquery过滤器并包含选择器，但并没有真正到达目的地。您是否知道如何更换它们？

<div class="container">
<h1>$$Insert text here$$</h1>
<div>
    <p>My first paragraph.</p>
    <div>$$Insert text here$$</div>
    <div>
        <input type="text" name="lname" placeholder="$$Insert text here$$"><br>
        <p>Here some other text</p>
    </div>
</div>

马克尼

一个简单的示例假设您只有一种占位符用于学习目的：

var container = $('.container');
container.html(container.html().replace(/\$\$Insert text here\$\$/g,'mytext'))

演示：http : //jsfiddle.net/Pqpfa/2/

如果您尝试实现自己的模板引擎，那么这里有一个更复杂的示例，其中您可以使用不同的占位符名称：

的HTML：

<div class="container">
<h1>$$pageTitle$$</h1>
<div>
    <p>My first paragraph.</p>
    <div>$$inputName$$</div>
    <div>
        <input type="text" name="lname" placeholder="please enter $$inputName$$"><br>
        <p>Here some other text</p>
    </div>
</div>

js：

var myClass = {};
myClass.pageTitle = 'my awsome page title';
myClass.inputName = 'your name';

var replaceFunc = function(match,p1){
    if (myClass[p1]){
        return myClass[p1]
    }
}

var container = $('.container');
container.html(container.html().replace(/\$\$(.*)\$\$/g, replaceFunc))

演示：http : //jsfiddle.net/kQH5F/1/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。