Jquery 切换一系列图像的可见性：pie_1.png、bar_1.png、pie_2.png、bar_2.png

我有几种（还有更多）类型的数据，每种数据都由一个条形图和一个饼图表示：

<h3>Data_1</h3>
<p class="chart" align="center">
<img class="primary" src="pie_1.png">
<img class="secondary" src="bar_1.png">
</p>

<h3>Data_2</h3>
<p class="chart" align="center">
<img class="primary" src="pie_2.png">
<img class="secondary" src="bar_2.png">
</p>

....

Data\u 1


数据2


....

最初我想显示饼图和隐藏条形图

当用户单击饼图时，我想使用将其切换为条形图

我想，我有一个好主意如何使用jQuery——使用单个ID，如#pie_1，#bar_1，#pie_2，#bar_2

但是我想知道，这里是否有更通用的方法？

您可以使用和jQuery方法，如下所示：

bars.click(function () {
    $(this).slideUp().next().slideDown();
});
pies.click(function () {
    $(this).slideUp().prev().slideDown();
});