[jQuery] Re: Deactivating parent link with JQuery

[Liam Potter]

$("li a").click(function(){
   $(this).parents("ul").parents("li").addClass("className");
});

osu wrote:

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());

});