.next（）と.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は次のdivに適用する必要があります

Answer 1

.next()は次の兄弟にアクセスします。ただし、#a要素には要素がありません。それは、クラス名の前に.を必要としないので、クラスだけを受け入れるaddClass() - あなたが欲しい

あなたはまた、クラス名に.を削除する必要が$(this).parent().next()

です。チェックボックスをオフにすると、再びクラスを削除してはならない場合http://jsfiddle.net/DqLRc/
、単に私のtoggleClassコールのaddClass instadを保つ：

はここで働いてデモです。