jQuery dynamic object selector

Question

Take a look at the following code:

        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')
            }
        };

This is my old code that initializes my textbox jQuery plugin:

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

The new code (using the this.forms array) would be:

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

Basically I want to initialize the textbox plugin with one line of code just as the "old code" initializes the jQuery plugin (with a single selector).

Really can't get what you are trying to achieve. For me both variants do the job. — yunzen
– yunzen, Commented Dec 3, 2012 at 19:59
Or is it just that your ids have changed from #tb-sign-in-email to #tb-input-sign-in-email and this is why the "old code" selector isn't working anymore? — Horen
– Horen, Commented Dec 3, 2012 at 20:03
It is working both ways, that is not the question, I updated my question (last line). Sorry if the question was not clear enough the first time. — onlineracoon
– onlineracoon, Commented Dec 3, 2012 at 20:16

Sushanth -- · Accepted Answer · 2012-12-03 20:07:38Z

1

You can try using the .add() method

var textbox = this.forms.signIn ;

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

edited Dec 3, 2012 at 20:07

answered Dec 3, 2012 at 20:01

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ricardo Lohmann · Accepted Answer · 2012-12-03 20:01:08Z

1

Your current code only get the elements on DOM using a jQuery selector, the same happens on the old code.

The difference is that the new code changes the selectors.
From #tb-sign-in-email to #tb-input-sign-in-email.
From #tb-sign-in-password to #tb-input-sign-in-password.

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

answered Dec 3, 2012 at 20:01

Ricardo Lohmann

26.4k7 gold badges86 silver badges84 bronze badges

Collectives™ on Stack Overflow

jQuery dynamic object selector

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related