I have an weird issue with jquery data function. Here is the fiddle As you can see I update the <code>active</code> data but I cannot see the dom <code>data-active</code> attribute value change, although I re-query the active data, It writes the changed value. $.data() do not update the attribute on the dom when I inspect it.

jQuery <code>data</code> api does not depends on the element attribute although it uses <code>data-<key></code> to fetch the initial value if it is available. jQuery uses an internal javascript object to maintain the data value of objects If you want to update the <code>attribute</code> then you will have to use <code>.attr('data-<key>', '<value>')</code>

jquery data do not match dom attribute

Tags:

javascript

jquery

dom

jquery-data

I have an weird issue with jquery data function. Here is the fiddle

As you can see I update the active data but I cannot see the dom data-active attribute value change, although I re-query the active data, It writes the changed value. $.data() do not update the attribute on the dom when I inspect it.