jquery 또는 javascript에서 선택한 요소에 CSS 클래스를 적용하는 방법은 무엇입니까?

Question

나는 JQuery와 새로운 오전 중 하나가 자식 요소를 선택하는 방법을 말해 내 코드 확인하시기 바랍니다

<ul class="orglisting"> 
    <li><a href="javascript:getOrgUsers();" class="orglistactive">orgName</a></li> 
    <li> 
     <a href="javascript:getOrgUsers();">orgName1</a> 
     <ul id="dId"> 
     <li id="dId1"><a href="javascript:getDeptUsers('Sales','1','1');">Sales</a></li> 
     <li id="dId2"><a href="javascript:getDeptUsers('Engineering','1','1');">Engineering</a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="javascript:getOrgUsers();">orgName2</a> 
     <ul id="dId"> 
     <li id="itbhanu"><a href="javascript:getDeptUsers('ITbhanu','1','1');">ITbhanu</a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="javascript:getOrgUsers();">orgName3</a> 
     <ul id="dId"> 
     <li id="Engineering"><a href="javascript:getDeptUsers('PvtLtd','Engineering','1','1');">Engineering</a></li> 
     </ul> 
    </li> 
</ul> 

내가 부모 태그의 배경색 변경 (ORGNAME)을 선택합니다 선택 deparmentName을 생각하면 내 문제이며, 선택한 deartmentName. 내가 점에서 ORGNAME1 (ORGNAME)에서 선택하고 예를 들어

은 내가 ORGNAME1 및 엔지니어링의 backgroundColor을 변경하려면 Enginnering (부서)를 선택하고 다시 내가 ORGNAME2 (ORGNAME를) 선택에 DepartmentName 난에 대한 배경색을 적용 할 ItBhanu입니다 그 두 가지를 제거하고 배경색을 적용하기 전에 제거하십시오.

어떻게 이렇게 할 수 있습니다 ..

Answer 1

정확하게 이해하면 이전 요소에서 일부 스타일을 제거하고 새로운 요소에 뉴스 요소를 적용하려고합니다.

.selected { background: #ddd; } 

그런 다음 jQuery를에 당신이 당신의 앵커 a 태그의 클릭 이벤트에 첨부해야한다 : 모든

첫째, 같은 것을 선택한 요소를 표시하는 클래스를 만듭니다.

$("a").on('click', function() { 
    //Now this is run when all `a` will be clicked 

    //First lets remove selected class from previously selected items 

    $('.selected').removeClass('selected'); 

    // And lets add selected to currect element and this parent 

    $(this).addClasss('selected'); 
    $(this).parent('li').find('a:first').addClass('selected'); 


}); 

Answer 2

는 대한 데모를 제작하면

$(".submitBtn").click(function() { 
     $("p:last").addClass("selected highlight");      
    }); 

당신은 변경 요구 사항에 따라 만들 onload을 수 있습니다 자신의 CSS를 추가하거나 click 이벤트에 수

JSFIDDLE DEMO

Answer 3

$('#idOfElement').addClass('className');