Thank you Ricardo, that's an illuminating break down.
On Wed, Mar 4, 2009 at 5:20 PM, ricardobeat <ricardob...@gmail.com> wrote: > > :after is used to insert generated content after an element, not to > select the next element. In your code, the :after(...) is doing > nothing, it reads as $('ul.tab-menu a').eq(index + 1) - what's working > is the index. > > You don't need to save the index as it's in the scope of the function: > > $('#tabs img.albumImage').each(function(index) { > var $tabs = $('ul.tab-menu a'); > $(this).click(function() { > // in albums, clicking on an image brings the user to the next > image > $( $tabs[index + 1] ).click(); > }); > }); > > The selector you were after is $('li:has(.tab-menu-item-selected) + li > a.tab-menu-item'), but doing the whole parent().next().children('a.tab- > menu-item') stuff is faster, despite being verbose. > > cheers, > - ricardo > > > On Mar 4, 1:01 pm, Joseph Le Brech <jlebr...@hotmail.com> wrote: >> http://docs.jquery.com/DOM/Traversing/Selectors#Not_supported >> >> i seen the + operator seems to do something similar, it means an element >> preceding. >> >> Date: Wed, 4 Mar 2009 16:54:46 +0100 >> Subject: [jQuery] Re: next() question >> From: aplennev...@gmail.com >> To: jquery-en@googlegroups.com >> >> thanks i got it to work, sort of. >> >> $('#tabs img.albumImage').each(function(index) >> { >> var $img = $(this).data('tabindex', index); >> $img.click(function() >> { >> // in albums, clicking on an image brings >> the user to the next image >> var index = $(this).data('tabindex'); >> $('ul.tab-menu >> a:after("a.tab-menu-item-selected")').eq(index + 1).trigger('click'); >> }); >> }); >> >> :after is not documented on the jquery selector >> page:http://docs.jquery.com/Selectors >> >> should it be added? >> >> On Wed, Mar 4, 2009 at 4:21 PM, Joseph Le Brech <jlebr...@hotmail.com> wrote: >> >> you should be able to use the :after pseudo element >> >> http://www.w3.org/TR/CSS2/selector.html#before-and-after >> >> > Date: Wed, 4 Mar 2009 16:10:03 +0100 >> > Subject: [jQuery] next() question >> > From: aplennev...@gmail.com >> > To: jquery-en@googlegroups.com >> >> - Show quoted text - >> >> >> >> >> >> > Hello, >> >> > say i have this markup: >> >> > <ul class="tab-nav-menu tab-menu"> >> > <li><a class="tab-menu-item tab-menu-item-selected" >> > href="#fragment0">0</a></li> >> > <li><a class="tab-menu-item" href="#fragment1">1</a></li> >> > <li><a class="tab-menu-item" href="#fragment2">2</a></li> >> > <li><a class="tab-menu-item" href="#fragment3">3</a></li> >> > <li><a class="tab-menu-item" href="#fragment4">4</a></li> >> > < li><a class="tab-menu-item" href="#fragment5">5</a></li> >> > <li><a class="tab-menu-item" href="#fragment6">6</a></li> >> > <li id="imageLegend">Arca 180</li> >> >> > </ul> >> >> > I need to find the anchor link that immediately follows >> > a.tab-menu-item-selected. i tried using next but i never get it right >> >> > $('a.tab-menu-item-selected').next('a.tab-menu-item').length returns >> > always 0 >> >> > any idea how to find this selector would be greatly appreciated. >> >> > Thanks >> >> > Alexandre >> >> Windows Live Messenger just got better. Find out more! >> >> _________________________________________________________________ >> 25GB of FREE Online Storage – Find out >> morehttp://clk.atdmt.com/UKM/go/134665320/direct/01/