jquery - 前に背景色のdivを変更する

Question

チェックボックスをクリックしたときに、div "＃cont-comentarios"の背景色を変更する必要があります。これはループで機能するので、「this」を使用する必要があります。私はここで尋ねる前にたくさん試しました。より良いビューのためにここのコードに従ってください：

<div id="cont-comentario" style="margin-bottom: 10px; background:#eee; padding: 10px;">
    <p>
        <label>
            <input type="checkbox" id="atualizaComentario"/> Ativo
        </label>
    </p>
</div>

http://jsfiddle.net/9pMKy/

Answer 1

あなたは近かった

$(function(){
    $('#atualizaComentario').click(function(){
        $(this).parents('div#cont-comentario').css({backgroundColor:'green'});
    });
});

Answer 2

.closest()次のように、を使用してdivの祖先を見つけることができます。

$(function(){
    $('input#atualizaComentario').click(function(){
        $(this).closest('div').css('background-color','green');
    });
});

働くフィドルを見る