javascript - 从 HTML 属性数组 javascript 获取键值

Question

这是 HTML 属性:

data-plugin-options="{'Enabled': true, 'StartAt': 30, 'EndAt': 65}"

javascript如何通过键名获取键的值？例如“StartAt”值。

Answer 1

请看下面的代码。我们知道 singleQuote 在解析 JSON 时会给你一个错误。所以我将其替换为 doubleQuote。

$(document).ready(function(){
var d=$("#data").attr('data-plugin-options');
d=d.replace(/'/g, '"');
var parsedData=JSON.parse(d);
console.log(parsedData.StartAt);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id='data' data-plugin-options="{'Enabled': true, 'StartAt': 30, 'EndAt': 65}">Some text...</p>