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');
    });
});

请参阅working fiddle

之前更改背景颜色div

2 个答案: