jQuery .data() : possible to increment (++ or --)?

Question

Whats the best way to increment a value in a jQuery .data() object?

Answer 1

This looks a bit odd, but according to the docs .data() returns all data fields as an object, so you can change its value directly:

$('#id').data('counter', 0); 

Both options work:

$('#id').data().counter++; $('#id').data()['counter'] += 5; 

Retrieving the data return the expected value:

alert($('#id').data('counter')); // 6 

Answer 2

Or, if you control what you are storing, store an object reference so you can modify the values on the object directly using ++:

var $elem = $('<div>'); $elem.data('something', {value:1}); $elem.data('something').value++;  console.log($elem.data('something').value); // 2