Javascript 将项目符号添加到多个文本区域和隐藏文本区域

我正在尝试向多个文本区域添加项目符号。当文本区域不隐藏时，这很好，但是我希望能够将项目符号添加到新创建的文本区域（单击“添加新”按钮）。理想情况下，我希望新创建的项目符号也转到下一行，而不是并排显示

$（document）.ready（）
$（'.add bullet'）。单击（函数（）{
$（this）.parent（）.next（'textarea'）.val（函数（idx，值）{
返回值+'\u2022'；
});
返回false；
});
（函数（$）{
“严格使用”；
var itemTemplate=$（'.workExperience template'）.detach（），
editArea=$（“.workExperience area”），
itemNumber=1；
$（文档）.on（'单击'，'）。工作体验区.add'，函数（事件）{
var item=itemTemplate.clone（）；
item.find（'[name]'）.attr（'name'，function（）{
返回$（this）.attr（'name'）+'\'+itemNumber；
});
++项目编号；
项目.prependTo（编辑区）；
});
$（文档）.on（'click'，'workExperience area.rem'，函数（事件）{
editArea.children（'.workExperience template'）.last（）.remove（）；
});
$（文档）.on（'click'，'workExperience area.del'，函数（事件）{
var target=$（event.target），
行=target.closest（“.workExperience模板”）；
row.remove（）；
});
}（jQuery））；

新增

您应该在新创建的

锚上附加单击事件：


$（document）.ready（）
$（'.add bullet'）。单击（函数（）{
$（this）.parent（）.next（'textarea'）.val（函数（idx，值）{
返回值+'\u2022'；
});
返回false；
});
（函数（$）{
“严格使用”；
var itemTemplate=$（'.workExperience template'）.detach（），
editArea=$（“.workExperience area”），
itemNumber=1；
$（文档）.on（'单击'，'）。工作体验区.add'，函数（事件）{
var item=itemTemplate.clone（）；
item.find（'[name]'）.attr（'name'，function（）{
返回$（this）.attr（'name'）+'\'+itemNumber；
});
++项目编号；
项。查找（“.add bullet”）。单击（函数（）{
$（this）.parent（）.next（'textarea'）.val（函数（idx，值）{
返回值+'\u2022\n'；
});
返回false；
});
$（“.textarea”）.next（）.append（项）；
});
$（文档）.on（'click'，'workExperience area.rem'，函数（事件）{
editArea.children（'.workExperience template'）.last（）.remove（）；
});
$（文档）.on（'click'，'workExperience area.del'，函数（事件）{
var target=$（event.target），
行=target.closest（“.workExperience模板”）；
row.remove（）；
});
}（jQuery））；

新增
非常感谢它的工作，但是现在新创建的文本区域显示在带有项目符号的文本区域上方，而它应该显示在下方，即任何新创建的文本区域都应该显示在“添加新”按钮的正上方。