javascript - 在 jQuery 或 PHP 中创建动态变量

Question

我知道已经有一些像我一样的问题，但我无法通过他们的解决方案解决我的问题。

我在外部 html 文件中获取了此代码，以便将其包含在其他文件中:

<div class="header">
   <h1 class="replace-me">I'am a placeholder</h1>
</div>

上面的"file"被包含到这个"file"中:

<h2 style="display: none" class="variable">Hey, I'm a variable</h2>

第二个代码中的变量应替换第一个代码中 h1 标记的内容。我知道这不是一个获取免费代码的论坛，我只是想要一些灵感或建议。谢谢大家!

Answer 1

您可以将一个元素的 html 替换为另一个元素的 html，如下所示:

$(".replace-me").html($(".variable").html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="header">
   <h1 class="replace-me">I'am a placeholder</h1>
</div>
<h2 style="display: none" class="variable">Hey, I'm a variable</h2>

但是，正如 Rama Schneider 指出的那样，您可能希望以不同于 html 的方式获取内容。

另请注意，此 jQuery 解决方案是在客户端完成的。如果您在提供初始 HTML 时已经知道内容，那么您希望在服务器端执行此操作。