如何在自定义jQuery函数的数组内部创建数组?

时间:2013-08-31 17:25:39

标签: javascript jquery html5 function jquery-plugins

我正在寻找一些教程来自定义jQuery函数中的数组数据,但我找不到任何。你能告诉我如何在数组中为jQuery函数创建一个数组吗?我想这样称呼我的功能:

$(this).myPlugin({ 
    data_first: '1',
    data_second: {
       first_word : 'Hello', second_word : 'World'
    }
});

我的功能脚本

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data['data_first']+' bla bla '+ data['data_second'][first_word]);
       });
    }
})(jQuery);

2 个答案:

答案 0 :(得分:1)

这称为对象,而不是数组,您只需访问它object1.object2_name.object3_name

(function($) {
    $.fn.myPlugin = function(data) {
        console.log(data);
        return this.each(function() {
            console.log(data.data_first + ' blah - ' + data.data_second.first_word);
        });
    }
})(jQuery);

答案 1 :(得分:0)

从您的代码中,您似乎忘记将first_word括在引号中,或者您不小心使用了方括号而不是点运算符。

添加引号:

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data['data_first']+' bla bla '+ data['data_second']['first_word']);
       });
    }
})(jQuery);

或使用点运算符(在我看来看起来更干净):

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data.data_first + ' bla bla ' + data.data_second.first_word);
       });
    }
})(jQuery);