从数据属性检索JSON

Question

我想使用JavaScript或jQuery提取下面的data-persondetals JSON。我无法使用data()或javascript属性函数来访问它。它总是返回空。

<div class="xgt_full_member_details" data-persondetails="{" skill_01":"skill="" 01="" title","skill_01_percent":"60","skill_02":"skill="" 02="" title","skill_02_percent":"","skill_03":"skill="" 03="" title","skill_03_percent":"","skill_04":"skill="" 04="" title","skill_04_percent":""}"=""></div>

Answer 1

1. 您需要在json中转义双引号或将其括在单引号中。

2. 然后，使用

获取您的数据

let persondetailsJSON = JSON.parse($('.xgt_full_member_details').attr("data-persondetails"))

编辑：3.使用正确的JSON。

Answer 2

首先，您需要转义json，否则HTML将无法正常工作。 第二件事，读取数据属性。

JSON.parse(document.querySelector('xgt_full_member_details').dataset.personaldetails);

希望有帮助。