jQuery selector context question

Question

I'm trying to do make the following selection:

$(".program", row)

Where "row" is a jQuery object containing two table rows. One of the tr's has the class 'program". This selector doesn't seem to find it. However the following works:

$(".title", row)

where div.title is a descendant of tr.program.

If I use a jQuery object as a selector context, am I not able to match top-level elements of that jQuery object?

thanks,

-Morgan

Answer 1

It looks like you're trying to select elements out of the ones you already have selected (residing in the jQuery object).

Context, as far as jQuery is concerned, is like specifying a parent - the context is a node somewhere ABOVE what you're looking for in the DOM tree. The context is where jQuery will look for the selector you've specified.

If I am correct about what you're attempting to do then this should work:

row.filter('.program');

// And then:
row.filter('.program').find('.title');

Answer 2

My understanding is that context needs to be root level i.e. a parent within which you want to make your selection.

EDIT: Having now done some reading, you should be able to match top level elements of the context (the default context is document).

Beardscratchers has a good article on using context with jQuery selectors. In general, you should attempt to pass an element id as the context for a jQuery wrapped set, as it is the most performant way of locating an element.

Internally, selector context is implemented with the .find method, so $(selector, context) is equivalent to $(context).find(selector)