Question

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

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">

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

但现在我想添加自定义属性＆＃34; my_image＆＃34;所以结果应该看起来像......

<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');

Answer 2

使用jquery attr


    this._image = L.DomUtil.create('img', 'leaflet-image-layer custom_image_class');
        this._image.id = "my_image_id";
        $('#my_image_id').attr("my_image","something");  // add this line

Jquery如何将自定义属性添加到<img/>

2 个答案: