<div class="add-address-1 selected" data-addressid="2348" data-province="370000" data-city="370100" data-district="910052" data-address_name="dxm" data-address="舜泰广场"
          data-zipcode="250014" data-mobile="18888888888">
          <div class="border-img-top">
            <img src="${ctx }/static/app/web/img/border-top_03.png" alt="">
          </div>
          <div class="border-img-top-2">
            <img src="${ctx }/static/app/web/img/border-img-1.png" alt="">
          </div>
          <p class="add-address-name">
            <span class="add-address-name1">dxm</span> <span class="add-address-name2">13335185785</span> <span class="add-address-name3" >默认</span>
          </p>
          <p class="add-address-address">
            <b>寄送至</b> 山东省 济南市 高新开发区 舜泰广场
          </p>
          <p class="add-address-make">修改</p>
        </div>

或者

<span id="song-jsn"

data-meta='{"name":"Latch", "album":"Disclosure", "date":"2013"}'>

Latch (feat. Sam Smith)

</span>

利用 jQuery.data 方法存取 dataset
jQuery.data 解析 Dataset 的 JSON 信息
CSS、jQuery 查找 data 属性对应元素

.musique[data-album='Disclosure']

{

color:red;

}
window.jQuery && (function($){

$(".food").filter("[data-available]").each(function(){

$(this).click(function(){

alert("It's Available!");

});

});

})(window.jQuery);

这样数据和CSS和HTML就关联起来了，JS写成面向对象的也更规范了