javascript - jQuery 动态对象选择器

Question

看看下面的代码：

        this.forms = {
            signIn: {
                email: $('#tb-input-sign-in-email'),
                password: $('#tb-input-sign-in-password')
            },
            signUp: {
                fullName: $('#tb-input-sign-up-full-name'),
                email: $('#tb-input-sign-up-email'),
                password: $('#tb-input-sign-up-password')
            }
        };

这是初始化我的文本框 jQuery 插件的旧代码：

$('#tb-sign-in-email, #tb-sign-in-password').textbox();

新代码（使用 this.forms 数组）将是：

this.forms.signIn.email.textbox();
this.forms.signIn.password.textbox();

基本上我想用一行代码初始化文本框插件，就像“旧代码”初始化 jQuery 插件（使用单个选择器）一样。

Answer 1

您当前的代码仅使用 jQuery 选择器获取 DOM 上的元素，旧代码也是如此。

不同之处在于新代码更改了选择器。
从 #tb-sign-in-email 到 #tb-input-sign-in-email。
从 #tb-sign-in-password 到 #tb-input-sign-in-password。

$('#tb-input-sign-in-email, #tb-input-sign-in-password').textbox();

Answer 2

您可以尝试使用该.add()方法

var textbox = this.forms.signIn ;

 (textbox.email).add(textbox.password).textbox();