Невозможно назначить объект sessionStorage

Question

Я пытаюсь назначить объект для дальнейшей обработки с помощью jQuery, но он не работает. Вот мой код:

$('.var').on('click', function() { 
    console.log($(this)); 
    sessionStorage.setItem('object', JSON.stringify($(this))); 
    console.log(JSON.parse(sessionStorage.getItem('object'))); 
} 

Обе консоли журналы не имеют одинаковое значение. Зачем?

Второй пример:

$('.var').on('click', function() { 
    sessionStorage.setItem('object', JSON.stringify($(this))); 
    var item = JSON.parse(sessionStorage.getItem('object')); 
    item.addClass('not-work'); //does not work 
    $(this).addClass('work'); //works 
    e.preventDefault(); 
} 

Что я делаю неправильно с sessionStorage().

Answer 1

JSON.stringify методы strip из строкового объекта, поскольку действительный JSON не включает функции.

Пример:

var obj = { 
prop: 5, 
method: function() {} 
}; 

JSON.stringify(obj); 

Результат: "{"prop":5}"

Answer 2

@Ori Drori's answer объясняет первый пример.

Во втором примере вы получаете элемент DOM (jquery wrapped), преобразуете его в string! и сохраняете в sessionStorage.

А потом эта string из sessionStorage, сделать JSON.parse в надежде получить элемент DOM, но вместо этого вы получите яваскрипт объект, который, безусловно, не является элементом в дереве DOM (как я полагаю, вы ожидаете) & поэтому, звоните .addClass на нем не работает.