Удалить класс не работает с id # .parent?

Question

Я пытаюсь удалить класс элемента, который содержит a с href. У меня есть href, но почему я не могу удалить класс таким образом?

сценарий:

... 

$('#panel1').parent('li').removeClass('active'); //doesn't work.... 

... 

HTML:

... 
<ul class = "tab-links"> 
    <!-- Each tab is Anchored to its Contents --> 
    <li class = "active"><a href ="#panel1">Panel 1</a></li> 
    <li><a href ="#panel2">Panel 2</a></li> 
    <li><a href ="#panel3">Panel 3</a></li> 
    <li><a href ="#panel4">Panel 4</a></li> 
    </ul> 

Answer 1

Вам нужно кавычки вокруг вас селекторе

$('#panel1').parent('li').removeClass('active'); //doesn't work.... 

Answer 2

Вам нужно в кавычки аргумента $(). Кроме того, для поиска идентификатора используются селекторы #xxx, но у ваших якорей нет идентификаторов, у них всего href. Вам необходимо:

$("a[href='#panel1']").parent('li').removeClass('active');