[jQuery] Better way of finding another descendant of an ancestor?
Hi everyone,
I find myself doing this a lot, and thinking there must be a more
elegant way...
<div class="A">
<div class="A1">
<a href="" id="clickme">Click me</a>
</div>
<div class="A2">
<div class="findme"></div>
</div>
</div>
$("#clickme").bind('click', function() {
var container = $(this).parents('.A');
var findme = $('.findme', container);
});
Is there a way to make those two traversals into a single jQuery line,
without knowing what the structure is beneath '.A', only that there is
a '.findme' in there somewhere?
$(this).parents('.A').children('.findme'); doesn't work because
children just looks at the immediate children.
A traversal function like .descendants() (to children() as parents()
is to parent()) would be cool.
Thanks for any suggestions.