javascript - 将传单标记放在 div 中

Question

我有多个标记，我希望每个标记都在一个 div 内，因为<img>它是一个 void 元素，我想向它附加一些子元素。

一般来说，我希望它们看起来像这样：

<div class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive" alt="" tabindex="0" style="margin-left: -8px; margin-top: -8px; width: 16px; height: 16px; transform: translate3d(179px, 390px, 0px) rotateZ(184deg); z-index: 390; transform-origin: 12px 41px; opacity: 1;">
<img src="/images/markers/marker.svg"></img>
<div class="someclass">Text</div>
</div>

而不是这个：

<img src="/images/markers/marker.svg" class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive" alt="" tabindex="0" style="margin-left: -8px; margin-top: -8px; width: 16px; height: 16px; transform: translate3d(179px, 390px, 0px) rotateZ(184deg); z-index: 390; transform-origin: 12px 41px; opacity: 1;">
<div class="someclass">text</div>
</img>

谢谢！

标签： javascripthtmljqueryleaflet