Question

テキストテンプレートを作成してプレースホルダに設定し、このプレースホルダを埋めてページに使用しますか？

var temp = '<div class="persons">'; 
temp += '<p> <span class="firstname">First Name :</span> <span> [firstname]</span> </p>'; 
temp += '<p> <span class="lastname">Last Name :</span> <span> [lastname]</span> </p>'; 
temp += '<p> <span class="tel">Telephone :</span> <span> [tel]</span> </p>'; 
temp += '</div>'; 

と、ページ内の私の価値観やショーで[firstname]、[lastname]、[tel]を変更...のような？ または他のアイデアですか？

Answer 1

.replace()を試しましたか？

http://jsfiddle.net/KL9kz/

Answer 2

あなたは単にそれらを置き換えることができます。

temp.replace("[firstname]", "fred").replace("[lastname]", "smith").replace("[tel]", "123456789");

jQueryテンプレートを使用しているかどうかはわかりません。

Answer 3

クイック&汚いJSテンプレートエンジン： を必要に応じて

// Create a matching object for each of your replacement 
var matches = { 
    "[firstname]": "fred", 
    "[lastname]": "smith", 
    "[tel]": "123456789" 
} 

// Loop through the keys of the object 
Object.keys(matches).forEach(function(key) { 
    // Replace every key with its value 
    temp = temp.replace(key, matches[ key ]) 
}) 

Answer 4

このような何かを試してみて、非常に基本的な

function replaceall(tpl, o, _p, p_) { 
    var pre = _p || '%', 
     post = p_ || '%', 
     reg = new RegExp(pre + '([A-z0-9]*)' + post, 'g'), 
     str; 
    return tpl.replace(reg, function (str, $1) { 
     return o[$1]; 
    }); 
}; 
var temp = '<div class="persons">'+ 
     '<p> <span class="firstname">First Name :</span> <span> [firstname]</span> </p>'+ 
     '<p> <span class="lastname">Last Name :</span> <span> [lastname]</span> </p>'+ 
     '<p> <span class="tel">Telephone :</span> <span> [tel]</span> </p>'+ 
    '</div>', 
    data = { 
     'firstname':'Fede', 
     'lastname':'Ghe', 
     'tel' : '+00 012 3456789' 
    }; 
alert(replaceall(temp, data, '\\\[', '\\\]')); 

は、プレースホルダの境界を脱出し、内側の正規表現を調整するcafefulこと助けてくれるといいと思う。