Preciso alterar meu código de forma que ao clicar em uma div, a div pai mude seu css. Por exemplo eu clico em um input dentro da div, e a div pai muda o seu css.
Possuo o seguinte código:
$(document).ready(function(){
$(".tel, .email, #nome, .col-lg-6").click(function(){
// A div é a com a classe .col-lg-6
// O código que sei é esse $(this).css({"background-color":"red"}); mas preciso de um código que mude o css daquela div, que pelo qual possui o objeto que foi clicado.
}
}
$(".tel, .email, #nome, .col-lg-6").click(function(){
$(this).css("background-color","red");// código ao ser alterado
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-lg-6">
<div class="email">Email</div>
<div class="teste1">teste1</div>
<div class="email">email</div>
<div class="teste2">teste2</div>
<div class="tel">Tel</div>
<div class="teste3">teste3</div>
</div>
<div class="col-lg-6">
<div class="email">Email</div>
<div class="teste1">teste1</div>
<div class="email">email</div>
<div class="teste2">teste2</div>
<div class="tel">Tel</div>
<div class="teste3">teste3</div>
</div>