Ich bin ahnungslos, wenn es um localStorage geht. Ich möchte einen bevorzugten Weg für jede Div in einer Gruppe von Divs festlegen, indem ich eine Klasse umschalte. Ich kann die toggleClass dazu bringen, an der einzelnen Div zu arbeiten und gespeichert zu werden, aber localStorage speichert alle Divs als Favoriten, nicht nur die mit der Einstellung toggleClass. Offensichtlich fehlt mir etwas.

jsfiddle einfaches Beispiel

localStorage code:

if (typeof (localStorage) == 'undefined') {
document.getElementById("result").innerHTML = 'Your browser does not support HTML5 localStorage. Try upgrading.';
} else {
if (localStorage.getItem("fav") != null) {
    getFav = localStorage.fav;
    $(".item").addClass('favorites');
}
}
$(document).ready(function () {
$('.btn').on('click', function () {
    getFav = localStorage.fav;
    //$(".item").removeClass('favorites');
    //localStorage.removeItem('background');
    $(this).closest(".item").toggleClass('favorites');
    if ($(this).closest(".item").hasClass('favorites')) {
    localStorage.setItem('fav', 'favorites');

}else{
    localStorage.removeItem('fav');
}

});
});

Das Problem befindet sich in

$(".item").addClass('favorites');

Es fügt die Klasse allen .items hinzu und sollte es offensichtlich nicht.

Jede Hilfe wäre dankbar!