如何在多个（简单）函数中使用jQuery动态创建的div

我有一个通过jQuery创建的简单div

var split = document.createElement('div');
    split.className ="item split";
    $(split).html('<strong>SPLITTER</strong>');

单击以获取内部变量单击以获取外部变量

项目
项目
项目
项目

从split2获取克隆

//变量是在click函数中创建的
$（'#divide_btn'）。在（'click'，函数（）{
var split=document.createElement（'div'）；
split.className=“项目拆分”；
$（split.html（“SPLITTER”）；
$（拆分）.hide（函数（）{
//东西
}).insertAfter（“.moved:last”）.slideDown（300）；
});
//变量是在click函数之外创建的。
var split2=document.createElement（'div'）；
split2.className=“物料拆分”；
$（split2.html（“拆分器2”）；
$（'#divide_btn2'）。在（'click'，函数（）{
$（split2.clone（）.hide（函数（）{//从split2获取克隆*********
//东西
}).insertAfter（“.moved:last”）.slideDown（300）；
});
body{填充：0 20px；边距：0；}
span{显示：内联块；边距：5px；背景：#aaa；颜色：#eee；填充：5px 10px；}
.item、.moved、.split{填充：5px10px；边距：3px；背景：#eee；}
.moved{背景：#费用；}
.split{background:#aaa；}

单击以获取内部变量单击以获取外部变量

项目
项目
项目
项目
已更新



//变量是在click函数中创建的
$（'#divide_btn'）。在（'click'，function（）上{
var split=document.createElement（'div'）；
split.className=“项目拆分”；
$（split.html（“SPLITTER”）；
$（拆分）.hide（函数（）{
//东西
}).insertAfter（“.moved:last”）.slideDown（300）；
});
//变量是在click函数之外创建的。
函数createSplit2（）{
var split2=document.createElement（'div'）；
split2.className=“项目拆分”；
$（split2.html（“拆分器2”）.hide（）；
返回$（拆分2）；
}
$（'#divide_btn2'）。在（'click'，function（）上{
createSplit2（）.insertAfter（'.moved:last'）.slideDown（300）；
});
body{padding:20px；}
span{显示：内联块；边距：5px；背景：#aaa；颜色：#eee；填充：5px 10px；}
.item、.moved、.split{填充：5px10px；边距：3px；背景：#eee；}
.moved{背景：#费用；}
.split{background:#aaa；}

单击以获取内部变量单击以获取外部变量

项目
项目
项目
项目
我意识到幻灯片效果在这里不起作用，但这在很大程度上是不相关的。这有帮助吗？@Mi creative是的，有帮助。。请将此作为答案发布。谢谢。实际上，当我需要向div添加函数时，这会失败。我需要创建div，然后允许对其执行操作。如果我只想创建div，那么这个函数非常有用，但是我似乎无法解决如何添加额外的jq函数。哦，那么创建内部div的问题基本相同吗？好的，让我尝试一下，看看它是否能帮助我检查原始代码段中的click函数，你可以看到我隐藏、插入和滑动动态div。。我仍然需要能够做到这一点。另一个答案是，克隆是有效的。。但我始终愿意更好地实施！我算出来了。。。看这里：谢谢你的帮助！实际上，另一个可能有效的实现就是这个duh。。我为什么没想到克隆。。在我需要的任何功能中都能出色地工作。非常感谢。（为了不混淆问题，我从你的答案中删除了原始片段。）