Question

我最近在各种HTML元素中使用了title标签，以便在DOM中以JSON格式存储数据。

这是一种不好的方法（我假设是这样）？实现这一点的正确方法是什么，适用于jQuery？通过“运作良好”我的意思是

$("myButton").click(function (e) {
     var myData;
     eval("myData=" + $(this).attr("title"));
});

效果很好，但我又假设有更好的方法可以做到这一点吗？

PS：BTW HTML元素的标题标签实际上是如何工作的？我似乎无法找到它最终被使用的地方？

PSS：我还可以获得基于jQuery和非jQuery的响应吗？（抱歉要挑剔）

Answer 1

eval("myData=" + $(this).attr("title"));

这几乎是打击你的法律理由！（j / k）

您应该使用自己的命名空间对象来“全局”存储数据。在这种情况下，全局在您的应用程序代码中仅表示全局，而不是在浏览器中使用global object（window）。

var my_application = {};

$('myButton').click(function() {
  my_application.myData = $(this).attr('title');
});

这当然是一个非常基本的策略。在您的特定情况下，您还可以使用jQuery的.data()方法将数据附加到DOM节点。

$('myButton').click(function() {
   $.data(this, 'myData', this.title);
});

Answer 2

在您的示例中，我建议您执行以下操作，但不会让您面临'eval'的安全风险：

myData = JSON.decode($(this).attr("title"));

通常，这是保存非安全数据的有效方法。您还有许多其他选择：

使用JQuery的.data（）方法：

myData = $ this.data（“foo”）;
在HTML5中，您现在可以使用自定义数据属性（例如“”）作为任何元素的属性。 http://html5doctor.com/html5-custom-data-attributes/
如果您知道本地存储可用，则可以使用本地存储。 http://dev.w3.org/html5/webstorage/
您可以在Jquery之上使用Backbone.js为您提供一种更抽象的方式来处理您的数据作为模型。 http://documentcloud.github.com/backbone/

Answer 3

使用jquery data()

jQuery.data（）方法允许我们将任何类型的数据附加到DOM 元素以一种安全的方式循环引用，因此是免费的从内存泄漏。 jQuery确保了这一点 DOM元素时删除数据通过jQuery方法删除，和当用户离开页面时。我们可以为a设置几个不同的值单个元素并检索它们后：

jQuery.data(document.body, 'foo', 52);

Answer 4

在jQuery世界中，通常认为使用元数据插件是一种最佳实践，因为它是一个官方的jQuery插件，并且还支持HTML5数据属性。有关详细信息，请查看此http://docs.jquery.com/Plugins/Metadata/metadata