代码之家  ›  专栏  ›  技术社区  ›  Sharifur Robin

从数据属性检索JSON

  •  -6
  • Sharifur Robin  · 技术社区  · 6 年前

    我要拿下面的 data-persondetals 使用javascript或jquery的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>
    
    2 回复  |  直到 6 年前
        1
  •  1
  •   AbhaY    6 年前
    1. 您需要在JSON中转义双引号,或者用单引号括起来。

    2. 然后,使用

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

    编辑:3。使用正确的JSON。

        2
  •  1
  •   Alejandro Garcia Anglada    6 年前

    首先,您需要退出JSON,否则HTML将无法工作。 第二件事,读取数据属性。

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

    希望它有帮助。