Как получить обьект из data аттрибута?

Question

[Yevhenii K]

Почему когда вывожу первый раз console.log аттрибут возвращает строку, а не обьект.
А если установить через js данный аттрибут, то возвращает уже обьект? Как изначально получить обьект?

<div class="block js-block-obj" data-info="{ b 10, s: 1 }"></div>

console.log( $('.js-block-obj').data('info') );

$( ".js-block-obj" ).data( "info", { b: 100, s: 0 } );

console.log( $('.js-block-obj').data('info') );

Answer 1

[Егор Живагин]

JSON.parse( $('.js-block-obj').data('info') );

Comments

[Yevhenii K]

Выдает ошибку
Unexpected token b in JSON at position 2

[JackShcherbakov]

Женя К, Да потому что у Вас после b двоеточия нет.

Answer 2

[Станислав]

Если JSON.parse не устраивает, можно делать так

<div class="block js-block-obj" data-info-b=10 data-info-s=1></div>

Answer 3

[Тарас Фомин]

<div class="block js-block-obj" data-info="{ b: 10, s: 1 }"></div>
            
    ...
    
    $.fn.jsonData = function(name) {
        var data = this.data(name);
        if (typeof data === "string") {
            data = JSON.parse(data);
            this.data(name, data);
        }
        return data;
    };

    ...

    console.log( $('.js-block-obj').jsonData('info') );

    $( ".js-block-obj" ).data( "info", { b: 100, s: 0 } );

    console.log( $('.js-block-obj').jsonData('info') );