jQuery “find” method alternative

Question

$('.wrapper a').find('a'); //return empty object

But i am looking for a way get all anchors by selector. Problem is find method look at only descendants so what is alternative of it ?

Please test it on jsfiddle.net

Answer 1

jQuery find gets the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

children gets the children of each element in the set of matched elements, optionally filtered by a selector.

I think you are trying to find the elements at the same level then you should use children . Alternatively you can also use filter to filter the matched results based on selector.

filter reduces the set of matched elements to those that match the selector or pass the function's test.

Try this

var div = $('.wrapper div').filter('.parent');

Answer 2

Looking for this?

var div = $('.wrapper div').filter('.parent');

A forked demo of yours

Answer 3

the alternatives of .find() function which are as below:

1. Child Selector (“parent > child”) it selects only first-level descendants or direct child elements. for example $('#parent_id > #child_id') or $(".parent > .first-level-child")
2. Descendant Selector (“ancestor descendant”) it selects a child, grandchild, great-grandchild , and so on, of that element. in it you can use $('#parent_id #child_id') or $('#parent_id #grandchild_id') or $(".parent .great-grand-child") or $( "form input" )
3. .filter() only search in those elements that match the precondition .
4. .parent() get the parent of each element in the current set of matched elements, optionally filtered by a selector.
5. .children() it works exactly the same way as find, but it will only find first-level-children , not more distant descendants.
6. .closest() get the closest (first) element that matches the selector, starting at the current element.

for detailed info about jquery selectors check JQuery Selectors

Answer 4

$('.wrapper a').find('a'); find links inside links that are descendants of .wapprer. I think you might have meant $('.wrapper').find('a'); . In your fiddle that would be

$('.wrapper').find('.parent');` 

insetead of:

$('.wrapper div').find('.parent');