Use jQuery method on object property

Question

I am trying to use a jQuery function on a property of my js object, but it's giving me an error "Uncaught TypeError: Cannot read property 'jquery' of undefined". Here is some sample code:

var foo = {
    bar: $('#element'),
    baz: this.bar.find('#childelement'), // <- jQuery .find() not working
    hideBaz: function() {
        this.baz.hide();
    }
}

Not really sure what to do here, any help would be great

Could you share the full source code, so we can reproduce the same problem? That way we can provide better answer for you — Budianto IP
– Budianto IP, Commented Feb 11, 2016 at 1:49

Kevin Wang · Accepted Answer · 2016-02-11 01:50:40Z

2

In order to enable jquery functionalities, you must use $(this) rather than just this. Without using $(this), you will not be able to use any jquery on that object.

answered Feb 11, 2016 at 1:50

Kevin Wang

2812 silver badges6 bronze badges

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

Comments

The Process · Accepted Answer · 2016-02-11 01:51:36Z

2

you should wrap this in jquery :

var foo = {
    bar: $('#element'),
    baz: $(this).bar.find('#childelement'), 
    hideBaz: function() {
        this.baz.hide();
    }
}

answered Feb 11, 2016 at 1:51

The Process

5,9533 gold badges33 silver badges41 bronze badges

Comments

Vatsal · Accepted Answer · 2016-02-11 05:05:31Z

1

To use jQuery you need to use namespace provided by jQuery. ie - either jQuery or $ which are given with jQuery. You can also create your own namespace by using jQuery.noConflict().

If you use them then only jQuery will know you are trying to access its methods with their objects. Something like $(this) or $("yourselector").

So with the above, you can use

var foo = {
    bar: $('#selector'),
    baz: $(this).bar.find('#childSelector'), 
    hideBaz: function() {
        this.baz.hide();
    }
 }

Hope this be of some help.

Happy Learning :)

answered Feb 11, 2016 at 5:05

Vatsal

2,1384 gold badges23 silver badges28 bronze badges

Collectives™ on Stack Overflow

Use jQuery method on object property

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related