Get element from JQuery object array

Question

See my code:

var ths = $("#my_table table th");
if (ths.length > 1) {
    var $th = ths[1]; // tried here plain 'var th' - still got error 
    th.find('#map_column_element_id'); // error here!
}

I get array of JQuery objects. Then I try to manage the second element as JQuery object. When I issue

th.find(...)

I get TypeError: th.find is not a function. What am I doing wrong?

Why would you need to find an element by its id? ids should be unique on the page so $("#map_column_element_id") should be fine. — Andrew Whitaker
– Andrew Whitaker, Commented Dec 21, 2012 at 16:09

gen_Eric · Accepted Answer · 2012-12-21 16:12:26Z

6

You're getting the native JS DOM element, which doesn't have a find() method. Use eq(), or rewrap the element with $(ths[1]).

I'd use eq(), like so:

var ths = $("#my_table table th");
if (ths.length > 1) {
    var $th = ths.eq(1);
    $th.find('#map_column_element_id');
}

Also agree with Andrew in the comment, an ID is unique, and there should be no need to find() it, simply doing $('#map_column_element_id') should suffice.

edited Dec 21, 2012 at 16:12

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

answered Dec 21, 2012 at 16:08

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Collectives™ on Stack Overflow

Get element from JQuery object array

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