앵커 대상의 요소에서 클래스 지우기

Question

모두. 나는이 일을 얼마 동안 해왔고 해결책을 찾을 수 없었다. 인트라넷에 대한 새로운 FAQ를 작성하고 있으며 jquery scrollTo 플러그인과 localScroll을 사용하여 느낌을 완성했습니다. 내가 추가 한 한 가지는 사용자가 질문에 대한 링크를 클릭했을 때 사용자를 대답으로 스크롤하고 필드 세트를 빨간색으로 강조 표시하여 질문에 대한 대답을 나타냅니다.

내 JS는 다음과 같은 :

function styleRow(myId) { 
    ID = myId.substring(1) var ID = document.getElementById(ID) 
    ID.className += " highlight" 
} 

내 HTML은 다음과 같습니다 : 현재

<li><a href="#1_1" onclick="styleRow('#1_1')">Question 1<a></li> 
<li><a href="#1_2" onclick="styleRow('#1_2')">Question 2</a></li> 
<li><a href="#1_3" onclick="styleRow('#1_3')">Question 3</a></li> 


<fieldset class="pad18" id="1_1"> 
<legend class="SubTitleSmall" id="1_1">Answer 1</legend> 
    <p class="MT12 ML24">Answer 1 Text</a></p> 
</fieldset> 

    <fieldset class="pad18" id="1_2"> 
<legend class="SubTitleSmall" id="1_2">Answer 2</legend> 
<p class="MT12 ML24">Answer 2 Text</p> 
</fieldset> 

<fieldset class="pad18" id="1_3"> 
<legend class="SubTitleSmall" id="1_3">Answer 3</legend> 
    <p class="MT12 ML24">Answer 3 Text</p> 
</fieldset> 

, 사용자가 잘 행 하이라이트를 연결 북마크를 클릭 할 때. 그러나 맨 위로 돌아가서 다른 링크를 클릭하면 스타일이 이전에 선택한 질문에서 삭제되지 않습니다. 나는 거기에 현재 코드가 포함되어 있지 않다는 것을 알고 있으며 그것이 내가 여기있는 이유입니다.

도움이 될 것입니다.

Answer 1

당신이 jQuery를 사용하는 경우,

function styleRow(myId){ 
    $(".highlight").removeClass("highlight"); 
    $(myId).addClass("highlight"); 
} 

그러나주의 할 것을 id 그 :

• 문자로 시작해야합니다 : AZ 또는 AZ
• 는 문자가 올 수 있습니다 (A-ZA -field), 숫자 (0-9), 하이픈 ("-") 및 밑줄 ("_")