Getting value from array under jQuery object

Question

I have ended up unexpectedly having to debug some jQuery. Not really my area of expertise. The current scripts are looking for a value inside a textbox that's been rendered by jQuery and failing.

Looking at the DOM in Chrome I can see that the element in question has a "FromDate" element underneath it. The Variables browser lists this as type jQuery.fn.jQuery.init[1]. It contains the elements 0: HTMLInputElement, context: HTMLDocument, length: 1 and some other stuff.

The value I'm after is inside the 0 object but I can't seem to find the syntax to get at it. As far as I can tell jQuery constructing things as arrays, but doing this.FromDate[0] or this.FromDate(0) or this.FromDate.0 all yield the error "Property 'FromDate' of object # is not a function".

How do I get my value?

Could you please post your HTML, and specify which field you are trying to get the value of. It sound like you're looking at the jQuery object in the console, which may be the source of your confusion. — Rory McCrossan
– Rory McCrossan, Commented May 23, 2012 at 11:04
I have to agree with @RoryMcCrossan; it's highly unlikely that you need to go that deep in jQuery's innards. — JJJ
– JJJ, Commented May 23, 2012 at 11:05

Alnitak · Accepted Answer · 2012-05-23 11:07:38Z

1

Your variable is a jQuery object.

To access the (first and only) DOM element contained therein, use:

myObject[0]

or

myObject.get(0)

If you just want to obtain the value of the HTMLInputElement you can use:

myObject.val()

answered May 23, 2012 at 11:07

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

Collectives™ on Stack Overflow

Getting value from array under jQuery object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related