jquery - 如何将对象添加到 jQuery 对象以便我稍后可以检索它？

Question

发生情况的示例:

> $('#start_date').dateTime = {bacon:5, myFunc: function() { ... }}
Object {bacon: 5, myFunc: function}
> $('#start_date').dateTime
undefined

如果我使用相同的选择器，我希望能够检索我的“bacon”对象。

我发现 $() 每次都返回不同的对象 - 有解决方法吗？

我知道我可以使用 .data，但 API 不太好。我必须执行 $('#start_date').data('dateTime').myFunc() 而不是 $('#start_date').dateTime.myFunc().

Answer 1

如果你这样做，你会感觉好一点吗？

$('#start_date').data().dateTime.myFunc()

<小时/>

或者，您可以扩展 jQuery 让您的生活更轻松，或者让 jQuery 按照您喜欢的方式工作

在这里，我制作了一个为您量身定制的小插件，以便您可以传入点符号字符串来检索您想要的数据。在本例中，它返回一个函数，因此我们可以直接调用它。

演示:http://jsfiddle.net/terryyounghk/8tWLn/

插件代码

// Small plugin
$.fn.myData = function (namespace) {
    var namespaces = namespace.split('.'),
        data = this.data();
    $.each(namespaces, function (i, that) {
        data = data[that];
    });
    return data;
}

使用示例

// set your data
$('#start_date').data('dateTime', {
    bacon:5, 
    myFunc: function() { 
        alert('mmm, bacon') 
    }
});


// call your function, note the dot notation
$('#start_date').myData('dateTime.myFunc')(); // better?

这里的哲学是，如果我们不断重复一些事情，那么一定有一些愚蠢的事情发生。 有没有办法扩展 jQuery，让我的生活更轻松？你来评判。

就我个人而言，我不喜欢这个插件。如果我正在编写单行代码，我更喜欢我的第一个建议。但谁知道呢？您可能喜欢后者。