无论如何隐藏，截断或限制我保留在jQuery Data属性中的json？
我最终得到类似下面的代码看起来有点乱。考虑到数据在$.cache中，我没有看到实际在属性中显示它的重点（除非我误解了jQuery数据是如何工作的）。
<div data-from-json-dot-org-example="{"widget":{"debug":"on","window":{"title":"Sample Konfabulator Widget","name":"main_window","width":500,"height":500},"image":{"src":"Images/Sun.png","name":"sun1","hOffset":250,"vOffset":250,"alignment":"center"},"text":{"data":"Click Here","size":36,"style":"bold","name":"text1","hOffset":250,"vOffset":100,"alignment":"center","onMouseUp":"sun1.opacity = (sun1.opacity / 100) * 90;"}}} "></div>
如果我重构了我的代码，那么我可以使用下面的代码在每次点击时发出API请求，并在API调用中引用id。但它没有足够的代码来进行额外的调用，而不仅仅是为了让DOM看起来不那么混乱。
<div data-model-id="4"></div>
我可能会过度思考这个但我想知道你会做什么以及是否有办法清理它。这是因为我最近将一个功能转换为一个插件，这改变了该功能的工作原理。原始功能是用AngularJS编写的，看起来更简洁：
<div ng-click="showModel(model)"></div>