开发者

jQuery "find" method alternative

$('.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


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');


Looking for this?

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

A forked demo of yours


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


$('.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');
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜