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

标签 javascript php jquery html templates

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

Welcome {{ user.first_name }}

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

在 php 中,虽然它很难看,但你可以这样做:

Welcome <? echo user.first_name; ?>

在 Javascript 中是否有类似的方法可以做到这一点?欢迎所有提示!

最佳答案

因为它被标记为 您可以使用 :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

关于javascript - 在没有 div 的情况下将 Javascript 字符串插入到 html 中的最简单方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27521144/

相关文章:

jquery - 使用 jQuery 上传多个文件

javascript - div 上的 focusout 事件未按预期工作

javascript - 如何改进加载 JSON 文件的 JavaScript 代码使其更加动态

javascript - 范围错误 : deserializeRange: checksums of serialized range root node do not match after page load

javascript - 使用 jsftp 上传文件会导致服务器上的文件大小为零

javascript - 使 Discord 机器人命令不区分大小写?

php - 如何比较两个非常大的字符串

php - PHP/MySQL 的 GUI——创建、读取、更新、删除

php - php 中简化方程的语法

javascript - JQuery 从随机数中添加类