的.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應該應用於下一個格

Answer 1

.next()訪問下一個格。但是，您的#a元素沒有。

你想要的是$(this).parent().next()

您還需要去掉.在類名 - addClass()只接受類別，因此不會在類名的前面需要一個.。

這裏的工作演示：http://jsfiddle.net/DqLRc/
如果取消選中該複選框不應該再刪除類，只要保持addClass instad我toggleClass通話。