javascript - 如何获取数据属性的值？

Question

我们拥有的 JavaScript 片段是:

<a href="#" class="n-contact" data-test-socialmedia="{'type': 'facebook', 'options':{'country': 'US' }}">Link</a>

我想检索 data-test-socialmedia 类型的值。基于此，我想添加条件语句来检查 data-test-socialmedia 类型是否为 facebook。因为我们网站中有很多这样的数据属性。

我尝试了多种方法，并得到了对象作为值。但我需要本例中的实际值，它是 facebook。请帮忙。

Answer 1

//first get element
var el = document.getElementsByClassName('n-contact')[0];
//get data and replace single quotes with double quotes to create valid JSON
var d = el.dataset.testSocialmedia.replace(/'/g, '"')
//parse JSON to javascript object
 var parsed = JSON.parse(d, null)
 //get country if type is facebook
 if(parsed.options == 'facebook')
    console.log(parsed.options.country)

<a href="#" class="n-contact" data-test-socialmedia="{'type': 'facebook', 'options':{'country': 'US' }}">Link</a>