如何让页面在加载之后 让上面黄色区域 跟下面白色区域的 温度数据是相同的
黄色部分 是用HTML写在标签里面的
白色部分 是用JS 控制的 可以增加 减小 但是 增加 减少之后可以保持数据一致
但是没有办法做到页面首次加载的时候数据一致
求教大神
上半部分黄色区域的代码
<p class="device-control">
<ul>
<li> <span class="leng">3</span><i>℃</i>
<p>冷藏区</p>
</li>
<li class="line"></li>
<li> <span class="bian">5</span><i>℃</i>
<p>变温区</p>
</li>
<li class="line"></li>
<li> <span class="dong">-18</span><i>℃</i>
<p>冷冻区</p>
</li>
</ul>
</p>下半部分白色区域
<li onclick="changeTemper($(this),1)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal1@3x.png"/></p>
<p>冷藏区 <span>3</span>℃</p>
</li>
<li onclick="changeTemper($(this),2)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal2@3x.png"/></p>
<p>变温区 <span>-5</span>℃</p>
</li>
<li onclick="changeTemper($(this),3)">
<p class="control-icon"><img
src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal3@3x.png"/></p>
<p>冷冻区 <span>-22</span>℃</p>
</li>
页面加载的时候填充相同的数据即可。
注意，下面黄色区域的span, 我为了方便加了和上面白色部分数据对应一致的class。
方法有很多
不用寻思的最笨的方法