读出多个数据属性值HTML5

Question

我目前正在使用滑块，使用Mightyslider插件。 这个插件在HTML5-data-attr（data-Mightyslider）中存储参数。

 <div class="slide" data-mightyslider="
      type: 'image',
      cover: './images/testimage.jpg',   
      title: 'Title of my image', 
      photographer: '',    
      description: 'Proin pellentesque urna nulla.'">
 </div>

是否有使用jQuery分别读出或存储这些值的解决方案？让我们说我需要从数据中获取＆＃34;覆盖＆＃34; - 参数。

此：

$("div.mSSlide").each(function() {
      console.log("mSSlide");
      var x = $(this).attr("data-mightyslider");
      console.log(x);
    });

是我迄今为止所做的，它会读出所有值......

mSSlide

cover: './images/testimage.jpg',  
title: 'Title of my image', 
photographer: '', 
description: 'Proin pellentesque urna nulla.'

现在我只想要，例如封面。

提前致谢。