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

Question

使用模板引擎，我总是可以将变量放入非常简单的文本中，如下所示:

Welcome {{ user.first_name }}

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

在 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);
});

只需使用欢迎{{ user.first_name }}在 html 中，并且由于它必须是任何一个容器的子级，因此上面的代码将起作用。

DEMO