Hi Ryan,
That only affects the child of the parent.
What I want to do is this:
<ul>
<li>Link 1</li>
<li>Link 2 *This is the link I want to add a class to*
<ul>
<li>Link 2a</li>
<li>Link 2b</li> *This is the active link*
<li>Link 2c</li>
</ul>
</li>
<li>Link 3</li>
</ul>
Rather than affecting a descendent/child of the parent link, I need to
work on the *parent link* under which the active link is found.
Any ideas?
Thanks,
osu
On Sep 26, 7:48 pm, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
> $('.nav-selected:first')
>
> On Sep 26, 5:36 pm, osu <onesiz...@googlemail.com> wrote:
>
> > Can anyone help with this one please?
>
> > Thanks,
>
> > osu
>
> > On Sep 25, 2:03 pm, osu <onesiz...@googlemail.com> wrote:
>
> > > Thanks Ryan for the alternative,
>
> > > However, I need to do the following now (see message above your last
> > > post):
>
> > > I need to highlight *only* the top-parentitem (the same one I just
> > > ran 'return false;' on) with the class 'nav-selected'.
>
> > > Any idea how I could do that?
>
> > > Thanks,
>
> > > osu
>
> > > On Sep 25, 11:13 am, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
>
> > > > rather than removing the href you could use the preventDefault
> > > > function, which will leave the href intact should you want to unbind
> > > > it at a later date.
>
> > > > usage is something like..
>
> > > > $('a.submit-button').click(function(e){
> > > > e.preventDefault();
> > > > doSubmit( $(this).html() );
>
> > > > })
>
> > > > On Sep 24, 5:32 pm, osu <onesiz...@googlemail.com> wrote:
>
> > > > > Thanks Andi,
>
> > > > > Yes, I meant an unordered list as you showed.
>
> > > > > Rather than remove the <a> tag, is it possible to just 'deactivate'
> > > > > it? i.e. when you click it, nothing happens, but the <a> tag stays in
> > > > > place?
>
> > > > > I ask, because I'd like to keep the CSS as simple as possible.
>
> > > > > Thanks,
>
> > > > > osu
>
> > > > > On Sep 24, 6:05 pm, Andi23 <dowhatyouw...@gmail.com> wrote:
>
> > > > > > First of all, let's clarify the actual HTML. I assume this is what
> > > > > > you have:
> > > > > > <ul>
> > > > > > <li><a href="#">Link 1</a></li>
> > > > > > <li><a href="#">Link 2</a></li>
> > > > > > <li><a href="#">Link 3</a>
> > > > > > <ul>
> > > > > > <li><a href="#">Link 3a</a></li>
> > > > > > <li><a href="#">Link 3b</a></li>
> > > > > > <li><a href="#">Link 3c</a></li>
> > > > > > </ul>
> > > > > > </li>
> > > > > > <li><a href="#">Link 4</a></li>
> > > > > > </ul>
>
> > > > > > When you say "remove the link", I assume you want to turn this:
> > > > > > <li><a href="#">Link 3</a>
> > > > > > into this:
> > > > > > <li>Link 3
>
> > > > > > Given that, try this jQuery:
> > > > > > $("li ul").siblings("a").each(function(){
> > > > > > $(this).replaceWith($(this).html());
>
> > > > > > });
