Javascript 动态html元素问题

当在选择标签中选择一个菜单和选项时，应用按钮可以被放置在下面面板中的动态html元素中。当用户单击“取消”按钮时，该动态html元素将被删除

至于一个问题，当用户选择一个菜单时，动态html元素将被冗余地放置在面板中

比如说,， 应用菜单2>在菜单2的面板中创建动态html元素>取消菜单2>应用菜单其他菜单（3或1）>在菜单2的前一面板和菜单的当前面板中冗余创建动态html元素

当我单击“取消”按钮时，如何才能完全删除动态html元素

$（函数（）{
$（“第4节：第一个孩子”）.addClass（“on”）；
//第4节
$（“section.section 4 ul li”）。单击（函数（）{
$（此）.addClass（“on”）；
$（“section.section 4 ul li.on”）。非（本）removeClass（“on”）；
});
//面板
$（“.PaNel”）.hide（）；
$（“.PaNel:eq（0）”）.show（）；
//加法器
$（“.Section 4 ul li”）。单击（函数（）{
$（“.PaNel”）.hide（）；
$（“#tab”+（$（this.index（）+1））.show（）；
});
//메뉴 선택
$（“.section2”）。查找（“文章”）。单击（函数（）{
$（此）.addClass（“On”）；
$（“article.On”）.not（this.removeClass（“On”）；
});
//비활성신청
$（“.btn2”）.css({
“显示”：“无”
});
//상단 메뉴
$（“文章”）。单击（函数（）{
if（$（this）.hasClass（“On”）和&$（“#菜单选择选项：选中”）.index（）>0）{
$（“.btn1”）.css({
“背景”：“红色”
});
//$（“.btn2”）.css（{“display”：“block”}）；
}否则{
$（“.btn1”）.css({
“显示”：“块”
});
$（“.btn2”）.css({
“显示”：“无”
});
}
});
//单击文章时，menuSelect.index（）>0
$（“正文”）。单击（函数（）{
如果（$（“文章”）.hasClass（“On”））{
if（$（“#菜单选择选项：选中”）.index（）>0{
$（“.btn1”）.css({
“显示”：“无”
});
$（“.btn2”）.css({
“显示”：“块”
});
}
}
})
$（“.area_popup”）.addClass（“无”）
$（.end”）.addClass（“无”）；
$（“.section2”）。儿童（“文章”）。一（“点击”，函数（）{
console.log（$（this.index（））
var target=$（“#tab”+$（this.index（））
$（“#应用”）。单击（函数（）{
var menuSelect=document.getElementById（“menuSelect”）；
//console.log（menuSelect）；
开关（菜单选择值）{
案例“a”：
案例“b”：
案例“c”：
案例“d”：
target.find（“.Apply_Check”）.append（“+menuSelect.value+”）；
打破
}
$（.end”）.removeClass（“无”）；
$（“#应用”）.addClass（“无”）；
//警报（“신청 완료 되었습니다")	
})
})
$（文档）.on（“单击“，”.end'，函数（）{
//본인꺼만
$（“.User”）.remove（）；
$（.end”）.addClass（“无”）；
$（“#应用”）.removeClass（“无”）；
});
$（“文章”）。单击（函数（）{
if（parseInt（$（this）.find（“span”）.text（））==0）{
//$（“.button”）.css（{“display”：“none”}）；
//$（“.btn1.btn2.end”）.css（{“display”：“none”}）
//$（“.btn4”）.css（{“display”：“block”}）；
$（“.area_popup3”）.css({
“显示”：“块”
});
}否则{
//$（“.button”）.css（{“display”：“block”}）；
//$（“.btn4”）.css（{“display”：“none”}）；
}
});
//메뉴 하$(단 클릭시 섹션 2.남은 수량이 없는 경우
$（“.Section4UL”）。子项（“li”）。单击（函数（）{
var article=$（'article:eq（'+$（this.index（）+'））
if（parseInt（article.find（“span”）.text（））==0）{
$（“.area_popup3”）.css({
“显示”：“块”
});
}
})
$（“正文”）。单击（功能（e）{
if（$（“#菜单选择选项：选中”）.index（）=0{
$（“.btn1”）.css({
“显示”：“块”
});
$（“.btn2”）.css({
“显示”：“无”
});
}
})
});
功能fn\u弹出\u关闭（名称）{
//$（'body'）.removeClass（'fixed'）；
//体类removeClass
$（'.+名称）.hide（）；
}
功能fn\u弹出窗口\u打开（名称）{
//$（'body'）.addClass（'fixed'）；
$（'.+名称）.show（）；
}

/*//重置//////////////////////////////////////*/
* {
保证金：0；
填充：0；
}
身体，
标题，
页脚，
第节，
导航，
文章
图形
在一边
细节，
主要{
保证金：0；
填充：0；
}
标题，
页脚，
第节，
导航，
文章
图形
在一边
细节，
主要{
显示：块；
}
答：林克，
a:参观了{
颜色：#000；
文字装饰：无；
}
/*a:hover，a:focus{color:#aaa；文本装饰：none；}*/
身体{
颜色：#333；
}
李{
列表样式：无；
}
输入[type=“button”]{
光标：指针；
}
输入[类型=按钮]，
挑选{
边界半径：0；
外观：无；
-webkit外观：无；
-moz外观：无；
}
/*//////////////////重置//////////////////////////////////////*/
#包裹{
最大宽度：100%；
保证金：0自动；
}
/*//////////////第一节/////////////////////////////////////*/
第1节{
宽度：100%；
/*背景#F87141*/
}
section.section 1.屏幕信息{
宽度：100%；
溢出：隐藏；
}
第1节屏幕信息{
宽度：300%；
溢出：隐藏；
}
第1节屏幕信息{
宽度：31.63%；
浮动：左；
填充：10px1%10px.7%；
}
/*//////////////第2节/////////////////////////////////////*/
第1.2节{
宽度：100%；
溢出：隐藏；
边框：1px实心#ccc；
边框宽度：1px0；
}
第2节h3{
宽度：100%；
高度：50px；
线高：50px；
边框底部：1px实心#ccc；
文本缩进：2%；
}
第2条{
宽度：31.33%；
左：2%；
高度：100px；
浮动：左；
}
第2节第2条{
右边框：1px实心#ccc；
}
.在{
背景：#d4dbdd；
}
/*第2条：最后一个孩子{边界权：无；}*/
第2节第h2条{
宽度：100%；
高度：30px；
字体大小：14px；
线高：30px；
}
第2节第p.FoodName条{
宽度：100%；
高度：40px；
线高：40px；
文本对齐：居中；
字号：900；
字体
$("#parent").empty()