为什么jquery插件函数总是返回对象而不是字符串？

Question

这是我的自定义 jquery 插件的代码：

(function($){
    $.fn.extend({
        getmyValue : function(){
        return this.each(function() {
                return this.myVal;
        });
        },
        initPlugin : function(){
        return this.each(function() {
                this.myVal='Some results';
        });
        }
    });
})(jQuery);

当我运行此代码时：

$(document).ready(function() {

$("#div").initPlugin();
alert($("#div").getmyValue());
});

返回的值不是想象中的纯字符串，而是返回一个对象（ $("#div") ），

我无法弄清楚为什么返回链接不起作用？

Answer 1

因为 each 的返回值是您调用 each 的对象。函数eachcalls的返回值用于判断是否停止循环（即迭代函数可以返回false来停止循环） ;— 文档链接）。

从您的代码中不清楚您真正想在 getmyValue 中做什么；返回您存储在 jQuery 实例本身上的值？返回存储在第一个包含的元素上的myVal？返回所有包含元素的 myVal 值的数组？

如果您的意思是通过插件存储在 jQuery 实例上的 myVal：

getmyValue : function(){
    // Here, `this` is the jQuery instance on which `getmyvalue` was called
    return this.myVal;
},

如果您的意思是第一个元素上的 myVal （请注意，在典型情况下它是原始 DOM 元素） ：

getmyValue : function(){
    // Here, `this` is the jQuery instance on which `getmyvalue` was called.
    // `this[0]` is the first matched element (a raw DOM element, typically).
    // Note we check before accessing it to see if it's there, since a jQuery
    // instance may have matched zero elements.
    return this[0] ? this[0].myVal : undefined;
},

如果您的意思是所有匹配元素中的 myVal 值的数组（同样，在典型情况下这些将是原始 DOM 元素）：

getmyValue : function(){
    // Here, `this` is the jQuery instance on which `getmyvalue` was called.
    return this.map(function() {
            // Here, though, `this` one of the elements wrapped by the jQuery,
            // instance typically a raw DOM element. (Each of them in a loop.)
            return this.myVal;
    }).get();
},

...它使用 map 获取 jQuery 包装的值数组，然后 get 从中获取原始数组。

Answer 2

您返回的是 this.each() 的结果，而不是 this.myVal：

getmyValue: function() {
    return this.myVal;
}

Answer 3

.each 的返回是一个对象。如果将其替换为 .map，那么您的代码将返回以逗号分隔的值列表。

jQuery 地图