Нужно сделать чтобы при наведении на ._s-row показывал заголовок. Делаю так:
jQuery(document).ready(function() {
jQuery('._s-row').hover(
function() {
jQuery(this).find('._s-img-wrap').addClass('hover')
},
function() {
jQuery(this).find('._s-img-wrap').removeClass('hover')
}
);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="_s-row">
<img src="" />
<div class="_s-title-wrap">
<h2>Заголовок1</h2>
</div>
</div>
<div class="_s-row">
<img src="" />
<div class="_s-title-wrap">
<h2>Заголовок2</h2>
</div>
</div>
<div class="_s-row">
<img src="" />
<div class="_s-title-wrap">
<h2>Заголовок3</h2>
</div>
</div>
Но класс добавляется всем элементам, а нужно чтобы только тому на который наведен курсор. Как это исправить?
_s-img-wrap
искать_s-title-wrap
).