[jQuery] How to select a specific descendant of curent object

[jQuery] How to select a specific descendant of curent object


<div id="box">
<span class="child">
<span class="grandchild">hi grandma</span>
</span>
</div>
my question is how reach the .grandchild from .box?
in theory, i can just use selector $("#box .grandchild") but this is
not much handy when you already have selected the "box" object and
pass it to some function for example... so i gues some travesting
method may be avalaible to handle this. i found children(), but it can
only reach immediate children of curently selected object (so in this
my case, the grandchild is out of reach).
so is there a travesting method, or any other method which could
select any descendant of curent element?
thx in advice