javascript - 在 HTML 页面的多个位置显示变量

Question

我想在一个位置定义一个值，并在 HTML 页面的多个位置显示该值。

我见过的示例使用 div 并通过 javascript（或 jQuery）访问其 id。在这种情况下，我想访问多个 id，因为它们不能具有相同的 id 值。但这是否意味着我必须定义三个具有相同值的变量？

Answer 1

您可以使用类而不是 id 来选择多个 div 并设置它们的内容。

例如。这三个 div 具有唯一的 id，但共享同一个类：

<div id="div1" class="shared_class"></div>
<div id="div2" class="shared_class"></div>
<div id="div3" class="shared_class"></div>

您可以在 jQuery 中同时设置它们的内容：

$('.shared_class').text('blah blah blah');