jquery targeting parent to add class

I have the following code here Trying to figure out how to add a class named active to the list tag.  

<ul id='sub-nav'>
<li><a href='#one'>Item One</a></li>
<li><a href='#two'>Item Two</a></li>
<li><a href='#three'>Item Three</a></li>
<li><a href='#four'>Item Four</a></li>
</ul>

 $("#sub-nav a[href='#one'']").click(function(){
    /*Trying to figure out how to add a class named active to the list tag */
})

Open in new window

stargateatlantisAsked:
Who is Participating?
 
leakim971Connect With a Mentor PluritechnicianCommented:
for example : http://jsfiddle.net/5N9Xg/1/
$("#sub-nav a[href='#one']").click(function(){
   //$(this).parent().addClass("active"); // <- work too
   $(this).closest("li").addClass("active");
});

Open in new window


Another one : http://jsfiddle.net/5N9Xg/2/
$("#sub-nav a").click(function() {
   $("#sub-nav li").removeClass("active");
   $(this).closest("li").addClass("active");
});

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.