javascript - JS - 将字符串从数据属性转换为对象

Question

我有一个像这样的字符串:

<span class="someClass" id="skAdmin" data-options='{
   "elmsList" : {
      "#skAdmin" : {
         "action" : "replace",
         "replaceWith" : "<input class=\"form-control\">"
         }
      }
   }'>Name</span>  

现在(当我点击这个span)我需要用数据选项(input)中的元素替换这个元素(span) em>)。同时我需要将所有 span 属性添加到 input 元素，但 input 只是一个文本(而不是一个对象)。如何将其转换为对象？

Answer 1

使用JSON.parse()检索对象:

var obj = JSON.parse( document.querySelector( '#skAdmin' ).dataset.options );

// or

var obj = JSON.parse( document.getElementById( 'skAdmin' ).dataset.options );

编辑

如评论所述，如果您已经在使用 jQuery，all data-* attributes will already be parsed into jQuery's data object 。因此，您只需使用以下命令即可访问它:

var obj = $( '#skAdmin' ).data( 'options' );