如何动态生成工具条

wangyucan1321

如图：我点击新开的时候，         页面会出现开工和项目报送2个工具条。 2个工具条为什么只能点一个？
如果点击其他的就生成和业务相关联的工具条。
页面动态生成一个工具条的功能实现了，但是如何生成2个呢？
JSPList 代码：
  <t:dgDelOpt title="删除" url="projectInfoController.do?del&id={id}" />
   <t:dgToolBar title="录入" icon="icon-add" url="projectInfoController.do?addorupdate" funname="add"></t:dgToolBar>
   <t:dgToolBar title="编辑" icon="icon-edit" url="projectInfoController.do?addorupdate" funname="update"></t:dgToolBar>
   <t:dgToolBar title="查看" icon="icon-search" url="projectInfoController.do?addorupdate" funname="detail"></t:dgToolBar>
   <t:dgToolBar title=""  icon="" url="projectInfoController.do?report" funname="projectreport"></t:dgToolBar>//第一个工具条
   <t:dgToolBar title=""  icon="" url="projectInfoController.do?state" funname="updateState"></t:dgToolBar>//第二个工具体
JS：
$("#projectListtb a").each(function(data){
//  var funName = $(this).attr("onclick").toString();
      if(data==3){
                  if(id==0){
                      $(this).find("span").find("span").html("<span class='l-btn-text icon-tip l-btn-icon-left'>开工</span>");
                      $(this).find("span").find("span").find("span").after("<span class='l-btn-text icon-edit l-btn-icon-left'>项目报送</span>");
                  }else if(id==1){
                      $(this).find("span").find("span").html("<span class='l-btn-text icon-tip l-btn-icon-left'>在建</span>");
                  }else if(id==2){
                      $(this).find("span").find("span").html("<span class='l-btn-text icon-tip l-btn-icon-left'>竣工</span>");
                  }else if(id==3){
                      $(this).find("span").find("span").html("<span class='l-btn-text icon-tip l-btn-icon-left'>投产</span>");
                  }else{
                      $(this).find("span").find("span").html("");
                  }
      }
});

}

wangyucan1321

就是2个按钮同动态的添加为什么最后只能点一个。