javascript - Jquery 我们如何将自定义属性添加到

Question

我只想将自定义属性添加到 <img> tag这是在 Jquery 插件中创建的....

this._image = L.DomUtil.create('img', 'leaflet-image-layer custom_image_class');

上面一行创建了<img>带有类名的标签

`leaflet-image-layer custom_image_class` 

我能够添加 id通过添加属性

this._image.id = "my_image_id";

结果显示为，

<img src="" class="leaflet-image-layer custom_image_class" id="my_image_id">

一切正常，直到上面....

但现在我想添加自定义属性“my_image”，这样结果应该看起来像......

<img src="" class="leaflet-image-layer custom_image_class" id="my_image_id" my_image = "something">

我们如何实现这一点？

我已经尝试过 attr , 但没有运气......

Answer 1

请注意，发明您自己的非标准属性(例如 my_image)将意味着您的 HTML 无效。相反，您应该使用 data-* 属性。试试这个:

this._image.dataset.my_image = "something";

或者如果你想改用 jQuery:

$(this.image).data('my_image', 'something');