0

есть html список содержащий в атребуте data данные в таком формате

{'price':'1050','kpp':'МКПП'},{'price':'1100','kpp':'АКПП'}

Пример html эелмента

<div data-type="{'price':'1050','kpp':'МКПП'},{'price':'1100','kpp':'АКПП'}">Golf</div>

попробовал вот так

typekpp = $('div').data('type');
type = JSON.parse(typekpp);
console.log(type);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div data-type="{'price':'1050','kpp':'МКПП'},{'price':'1100','kpp':'АКПП'}">Golf</div>

но выдает ошибку, с JSON раньше не работал, подскажите как решить данную задачу?

у меня есть возможность переформатировать атрибут data, можете быть его как то видоизменить??

1 ответ 1

2

У вас здесь три ошибки:

  1. В JSON должны быть двойные кавычки "", а не одинарные ''.
  2. Не верная структура JSON, это наверное должен быть массив объектов.
  3. jQuery делает медвежью услугу. Он видит, что в data-type валидный JSON и сам преобразует его к объекту.

Посмотрите рабочий пример.

var typekpp = $('div').data('type');
console.log(typekpp, typekpp[0].price);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div data-type='[{"price":"1050","kpp":"МКПП"},{"price":"1100","kpp":"АКПП"}]'>Golf</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.