jQuery - Raphael - SVG - selector based on custom data

Question

I have assigned a custom data attribute to some circles added to the Raphael canvas as follows in a each() loop:

marker.data(\'transaction\', tr         


        

Answer 1

Being that Raphael must support VML, it doesn't keep data in the DOM as is normal with html5 applications. If you want to store data in the dom you must access the html node and set the attribute there...

marker.node.setAttribute('data-transaction', transaction);

Then you can then query the elements with querySelectorAll. Keep in mind this will fail on < IE8.

If you want to keep older IE support I'd recommend writing a function that iterates over your markers and returns the Raphael object when mark.data("transaction") == transaction