parent is to children as parents is to find("*") That's the rough equivalence in jQuery.
--John On 9/12/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > I have been playing around with this. > http://www.commadot.com/jquery/selectorChildren.php > > It's interesting to me how text and html act differently in terms of > encoding and what actually shows up. > It's also interesting to see how text nodes and a div are treated. > > I am confused. Why aren't the grandchildren being included in the call for > children()? > Using $("#content *") gets all the grandkids. I thought parents() gets all > the grandparents. Is children different? > > Glen > > > On 9/12/07, Richard D. Worth <[EMAIL PROTECTED]> wrote: > > On 9/12/07, Stephan Beal <[EMAIL PROTECTED]> wrote: > > > > > > > > On Sep 12, 9:20 pm, "John Resig" <[EMAIL PROTECTED]> wrote: > > > > .html() only gets the innerHTML for the first matched element. > > > > > > i think that's what the OP is saying: the element's HTML he's getting > > > back is *not* that of the first child element: > > > > > > > > <div id="content"> > > > > > <div id="panelPreview" class="fieldset_theme"> > > > > > <div id="panelPreview_inner" class="hPanel"> > > > ... > > > > > </div> > > > > > </div> > > > > > </div> > > > > > > Now his children() call: > > > > > > > > alert($('#content').children().html()); > > > > > > should return a result starting with <div id="panelPreview"...> > > > > > > as John pointed out, html() returns innerHTML, not outer, so <div > id="panelPreview"...> should only be expected if $('#content').html() were > called. > > Breaking down $('#content').children().html() : > > 1. $('#content') selects the outermost div which has an innerHTML of > > <div id="panelPreview" class="fieldset_theme"> > > <div id="panelPreview_inner" class="hPanel"> > > <fieldset> > > <legend>[Section/Panel Heading]</legend> > > </fieldset> > > </div> > > </div> > > > > 2. .children() selects all its children, in this case there's only 1 - > #panelPreview which has an innerHTML of > > <div id="panelPreview_inner" class="hPanel"> > > <fieldset> > > <legend>[Section/Panel Heading]</legend> > > </fieldset> > > </div> > > > > 3. .html() returns the innerHTML of the first element in the > selection/first child of #content. See step 2 > > > > Looks correct to me, though maybe not what's wanted. > > > > - Richard > > > > > >