Как установить свойство внутри свойства в jQuery data()

Question

Если я знаю, что определенное свойство данных существует в элементе, и это объект, как я могу хранить что-то как новое свойство этого объекта данных?

К примеру, у меня есть DIV:

<div id="theDiv" data-test1="{string: 'test 1 data'}"></div> 

И я пытаюсь установить на нем данные, как это:

div.data(["test1"]["number"], 1); 

Но это не получает меня нигде. И div.data(["test1"]["number"]) = 1; получает левую сторону в ошибке присваивания.

http://jsfiddle.net/VM8VW/

Answer 1

Вы должны получить значение, а затем повторно сохранить его:

div.data('test1', function(prev) { 
    prev.number = 1; 
    return prev; 
}(div.data('test1'))); 

Это вероятно безопасно просто сделать это:

div.data('test1').number = 1; 

но такого рода вещь дает мне завещания.

редактировать — если вы хотите JQuery, чтобы понять ваши JSON, как таковой, он должен быть действительным:

<div id="theDiv" data-test1='{"string": "test 1 data"}'></div> 

двойные кавычки только и имена свойств также должны быть указаны.