onclick of button之前的数据应该使用javascript刷新

Question

我在同一个div中有2个值，我也有相同的类。点击每个值后会出现不同的数据。我正在获取数据，但问题是它附加了以前的数据。

例如：

<div id="dashboard">
<span class="icon"></span>
<span class="icon"></span>
</div>

当我点击“图标”时，会出现单独的一组值，当我点击第二个“图标”时，我希望隐藏第一个“图标”生成的值。所有这些值都是从插件生成的。

如何在同一个班级和同一个div中使用show / hide？

Answer 1

我没有从你的问题中获得太多细节。

可能你看起来像这样...... DEMO

 <div id="dashboard">
<span class="icon" onclick="document.getElementById('dataArea').innerHTML='Icon1 Data';">Icon 1</span> | 
<span class="icon" onclick="document.getElementById('dataArea').innerHTML='Icon2 Data';"> Icon 2</span>
</div> <br/>
<div id="dataArea"></div>

这意味着，为了追加数据，请使用element.innerHTML = ""或$().html();此方法将刷新div内的旧数据，并添加新数据。但是.append()会添加旧数据。