如何在精确的位置插入带有javascript的HTML标记

我需要使用Javascript在精确的位置添加HTML标记

<div id="myId">
   <div id="addAfter"><div>
   <***here I need to add a set off HTML Tags***>
   <div ><div>
   <div><div>
</div>

javascript代码

  var ol = '<ol id ="div_blue"><li><img id="blueUp" src="<c:url    value="/resources/style/images/btup.png"/>" alt =""/></li><li>....</li>< /ol>' ;
  $("#myId").InsertInPosition2(ol);

var ol='
“alt=”“/>
…
”；
$（“#myId”）。插入位置2（ol）；

但是如何定义插入位置2呢

谢谢

伊普利姆·埃克兰

使用

演示：

如果要添加参照父元素的元素，则

$("#myId").children().first().after(ol);

---

演示：

是的，这很好，但我对属性src=“…/btup.png”也有一个问题，我注意到这个方法创建了一个名为btup.png的新img，但我已经有了这个图像，我只需要使用它，而不需要创建一个新的，所以我有这个错误，获取404（未找到）@LallouDaddou现有图像的路径是什么相同的路径src=”/参考资料/style/images/btup.png“如果路径相同，那么如何获得404因为他创建了一个新的，我将添加一个捕获屏幕

$("#myId").children().first().after(ol);