0

こんにちは友達フォローは私のコードです

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に適用する必要があります

4

1 に答える 1

5

.next()次の兄弟にアクセスします。ただし、#a要素には要素がありません。

あなたが欲しいのは$(this).parent().next()

.クラス名の も削除する必要があります。クラスのみを受け入れるため、クラス名の前に はaddClass()必要ありません。.

ここに実際のデモがあります: http://jsfiddle.net/DqLRc/
チェックボックスのチェックを外してもクラスが再び削除されない場合は、単に私の呼び出しaddClassの instad を保持してください。toggleClass

于 2012-04-24T07:47:17.360 に答える