jQuery .data(): Inkrement (++ oder -) möglich?

Question

Was ist der beste Weg, um einen Wert in einem jQuery .data() Objekt zu erhöhen?

Answer 1

Dies ist ein wenig seltsam aussieht, aber nach die Dokumentation .data() alle Datenfelder als ein Objekt zurückgibt, so dass Sie seinen Wert direkt ändern können:

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

Beide Optionen funktionieren:

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

Abrufen der Daten zurückgeben den erwarteten Wert.

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

Answer 2

Ich denke, Sie werden den Wert lesen und es wieder schreiben, so:

$(element).data('yourKey', $(element).data('yourKey') + 1); 

Immerhin data() ein Funktionsaufruf ist, und das Ergebnis Inkrementieren den Wert selbst nicht ändern, die in sitzt eine interne jQuery-Datenstruktur.

Answer 3

var data = parseInt ($.data("data-attr")) + 1; 

$.data("data-attr",data); 

Answer 4

Oder, wenn Sie kontrollieren, was Sie speichern, speichern eine Objektreferenz, so dass Sie die Werte für das Objekt modifizieren kann direkt ++ mit:

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

console.log($elem.data('something').value); // 2 

Answer 5

Es ist so einfach, wie eine Variable zu, speichern nur die .data() Wert, erhöht es und speichern Sie es zurück in

Nehmen wir an, Sie haben eine Zahl in der NumbeR-Datenvariablen festgelegt.

var myNumber = $(selector).data('NumbeR'); 
$(selector).data('NumbeR', myNumber++)