Ability to add/retrieve data from layer/popup

I’m not sure how to be able to append data to a layer (or even a popup), e.g. adding a custom ID to it, however I cannot append any data to a layer because I don’t know how to get the raw DOM element so I can use it with jQuery by doing so:

$.data(markerLayer, 'test', { id: '123' });

It would be nice to have an ability to be able to append data to a layer and able to retrieve it via events such as click, drag, etc.

Anyone is free to point me to the right direction to how to do this - on one note, this would be great if it exist in the Leaflet core. Google Maps allows you to do this.

[danzel]

It is much cleaner in this case to use the JS object as you get access to the JS object, but you don’t get access to the DOM objects. You can access them at myMarker._icon IIRC, but it’s usually not a good idea.

[AlainPilon]

Maybe I am missing something but why is it better to append data to JS objects than to the DOM? I found this issue while looking at a way to use the data attribute so my markers can have the same behaviour as their counterparts (somewhere else on the page) when clicked on.

Also, @danzel example does not work for me, I have to do

console.log(a.target.myData.id);