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