<div id="post-0" class="col-md-8 single-publicacoes">
<div class="index">
<div class="index-thumbnail">[IMAGE]</div>
<div id="index-mascara">[EFEITO]</div>
<div class="index-title-date">
<p class="title-date">[TEXTO]</p>
</div>
</div>
</div>
<div id="post-1" class="col-md-8 single-publicacoes"> ...
Instrução jQuery parcial:
$(".title-date").on('mouseover', function(){
// função
}).on('mouseleave', function(){
// função
});
Como, através das funções mouseover e mouseleave posso fazer o paragrafo p.title-date
modificar o background de #index-mascara
lembrando que ele pode modificar só o elemento corrente e não os outros?