Estoy almacenando datos usando ladata- enfoque en una etiqueta HTML así:

<td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td>

Luego estoy recuperando los datos en una devolución de llamada como esta:

$(this).data('imagename');

Eso funciona bien. Lo que estoy atascado es tratar de guardar el objeto en lugar de solo una de las propiedades del mismo. Traté de hacer esto:

<td><button class='delete' data-image='"+results[i]+"'>Delete</button></td>

Luego intenté acceder a la propiedad de nombre de esta manera:

var imageObj = $(this).data('image');
console.log('Image name: '+imageObj.name);

El registro me diceundefined. Parece que puedo almacenar cadenas simples endata- atributos pero no puedo almacenar objetos JSON ...

También intenté usar este tipo de sintaxis sin suerte:

<div data-foobar='{"foo":"bar"}'></div>

Cualquier idea sobre cómo almacenar un objeto real en la etiqueta HTML usando ladata- ¿Acercarse