问题描述

JavaScript 动态生成 一组按钮 和div 切换按钮 显示相对应的 div

如动态生成ABC三个按钮 A对应的为a1，a2 ,a3 三个div 显示
当单击B按钮时 只显示B1,B2,B3三个div ，
当单击C按钮时 只显示C1,C2,C3三个div

解决方案

直接加个onclick事件 js里写个show（判断参数）{用jquery的话就简单点 if(判断条件){$("#id").show();....hide();后面自己写}if(){}......}

解决方案二：

$("#A").click(function(){
$("B").hide();
$("C").hide();
$("A").show();
})

解决方案三：

给每个按钮分别写一个点击事件

解决方案四：

套用bootstrap的tab切换组件，用js实现动态加载。