jquery - 更改背景颜色 div 之前

Question

当我单击复选框时，我需要更改 div“#cont-commentarios”的背景颜色。这将在一个循环中起作用，所以我需要使用“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');
    });
});

见工作小提琴