在没有div的情况下将Javascript字符串插入html的最简单方法？

Question

使用模板引擎我总是可以将变量放到一个非常简单的文本中：

Welcome {{ user.first_name }}

我现在需要使用Javascript字符串执行此操作。我知道有js模板引擎，但我只需要做一次，所以我不想为此加载一个完整的js模板库。我知道我可以通过在所需位置创建div然后使用.html method插入字符串来使用jQuery来实现它，但这对于这个简单的事情来说似乎也很麻烦。

在PHP中，虽然它很难看，但你可以这样做：

Welcome <? echo user.first_name; ?>

在Javascript中有相似的方法吗？欢迎所有提示！

Answer 1

由于它被标记为jquery，您可以使用:contains伪选择器并替换它。

var first_name = "kramer65", placeholder = "{{ user.first_name }}"
$("html :contains('" + placeholder + "')").text(function(_, txt){
   return txt.replace(placeholder, first_name);
});

只需使用Welcome {{ user.first_name }} 在html中，由于它必须是任何一个容器的子代，上面的代码才有效。

DEMO