다음 내용()와 .addClass()가 JQuery와에 다음

Question

안녕하세요 친구 작동하지 않는 내 코드

HTML입니다

<ul> 
    <li> 
    <div class="input"><input name="" type="checkbox" value="" id="a"/></div> 
    <div >Name of the survey goes here | 35 Points - <span>Begin Survey</span></div> 
    </li> 
</ul> 

jQuery를

<script> 
$(document).ready(function(){ 

    $('#a').click(function(){ 

    $(this).next('div').addClass('.check_clicked'); 

    }) 
}) 
</script> 

CSS

.check_clicked 
{ 
    text-decoration:line-through; 
    color:#b6a7a7; 
} 

난 그냥 확인란의 값을 확인하는 경우 싶습니다. 다음 클래스 .check_clicked는

Answer 1

.next() 다음 형제에 액세스 다음 DIV에 적용해야합니다. 그러나 #a 요소에는 요소가 없습니다. 이 클래스 이름 앞에 .이 필요하지 않도록 addClass() 클래스 만 허용 - 당신이 원하는 무엇

는 $(this).parent().next() 또한 클래스 이름으로 .를 제거해야

입니다. 체크 박스를 선택 해제하면 다시 클래스를 제거하지 말아야 경우 http://jsfiddle.net/DqLRc/
, 단순히 내 toggleClass 전화의 addClass instad을 유지 :

여기에 작동 데모입니다.