是否可以在1个数据属性中存储多个键/值？

Question

我想知道是否可以在data-attr类似的内部存储多个键/值:

?<a href="#" data-social="network:facebook; socialId:123456789" id="facebook">Facebook</a>

然后在我的脚本中使用它们时,只需选择它们$('#facebook').data('social.socialId');或类似的东西,而不是将它们分解为各自的属性？

Answer 1

您无需将其限制为仅一个data-*属性.您可以随时使用多个.

?<a href="#" data-social-network="facebook" data-social-id="123456789" id="facebook">Facebook</a>

var socialId = $('#facebook').data('social-id');

但是,如果你仍然坚持.可以存储JSON字符串并解析它.

?<a href='#' data-social='{ "network": "facebook", "socialId": 123456789 }' id='facebook'>Facebook</a>

var socialId = $('#facebook').data('social').socialId;

jQuery自动解析JSON对象.