Javascript Jquery$。具有DOM的每个循环不能在所有元素上工作

我正在尝试制作一个带有额外标记功能的HTML编辑器

在本例中，我使用jQuery$.each循环

但是这个循环只对最后一个元素有效

这是我的密码

//Svg图标
常量链接图标=$（''）[0]；
$（“textarea”）。在（“keyup”上，（）=>{
MarkDown（）；
myFunc（）；
});
函数myFunc（）{
$.each（$（“.markdownOutput h1”），函数（事件）{
此.prepend（LinkIcon）；
});
}
函数标记（）{
$（“.markdownOutput”）.html（$（“textarea”）.val（））；
}
MarkDown（）；
myFunc（）
textarea{
宽度：100%；
高度：100px；
溢出：自动；
边界：无；
左边框：5px纯绿色；
背景：#eee；
}

文件
你好，世界
你好，世界
你好，世界
您不需要迭代每个元素。您只需执行以下操作：

$(".markdownOutput>h1").prepend(LinkIcon);


//Svg图标
常量链接图标=$（''）[0]；
$（“textarea”）。在（“keyup”上，（）=>{
MarkDown（）；
myFunc（）；
});
函数myFunc（）{
$（“.markdownOutput>h1”）.prepend（链接图标）；
}
函数标记（）{
$（“.markdownOutput”）.html（$（“textarea”）.val（））；
}
MarkDown（）；
myFunc（）
textarea{
宽度：100%；
高度：100px；
溢出：自动；
边界：无；
左边框：5px纯绿色；
背景：#eee；
}

文件
你好，世界
你好，世界
你好，世界