추가 jQuery를

Question

여기

와 현재의 리튬을 제외하고 정렬되지 않은 목록에있는 모든 리튬의에서 클래스를 제거 내가 투명 리튬의 중 하나에 앵커를 클릭하면 내가 opaque로 설정하려는

<ul class="checklist"> 
    <li class="opaque"><a href="">Link</a></li> 
    <li class="transparent"><a href="">Link</a></li> 
    <li class="transparent"><a href="">Link</a></li> 
</ul> 

내 HTML 구조입니다 다른 모든 리가 ul 안에 있고 transparent입니다.

효율적으로 수행하는 방법에 대한 아이디어가 있으십니까? 이 같은

Answer 1

당신은 이런 식으로 뭔가를 할 수 , 그 중 어느 것이 제 2 주를 나타내는가?

$('document').ready(function(){ 
    $('ul.checklist').find('a').click(function(){ 
    $(this) 
     .parent().addClass('opaque') 
     .siblings().removeClass('opaque'); 
    }); 
}); 

Answer 2

뭔가 :

$('document').ready(function(){ 
    $('ul.checklist').find('a').click(function(){ 
    $(this) 
     .parent().addClass('opaque').removeClass('transparent') 
     .siblings().addClass('transparent').removeClass('opaque'); 
    }); 
}); 

을하지만 당신이 정말로에만 함께 발생하지 않을 두 가지 상태를 표현하는 경우, 왜 그냥 하나 개의 클래스를 사용

$('.checklist a').click(function(){ 
    $(this).closest('li') // get current LI 
     .removeClass('transparent') 
     .addClass('opaque') 
     .siblings() // get adjacent LIs 
     .removeClass('opaque') 
     .addClass('transparent'); 
}); 

Answer 3

이 솔루션에 대해 어떻게 :

$("li.transparent a").bind("click", function(){ 
    $("ul.checklist li").attr("class", "transparent"); 
    $(this).parent().attr("class", "opaque"); 
});