0

Нужно сделать чтобы при наведении на ._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>

Но класс добавляется всем элементам, а нужно чтобы только тому на который наведен курсор. Как это исправить?

3
  • У вас нет класса _s-img-wrap Commented 12 февр. 2018 в 8:07
  • 1
    У Вас всё верно, нужно лишь искать правильный класс (вместо _s-img-wrap искать _s-title-wrap).
    – user207618
    Commented 12 февр. 2018 в 8:16
  • @Other, и правда все работает) не почистил кэш движка Commented 13 февр. 2018 в 0:48

1 ответ 1

1

Из того, что есть, ты вроде бы этого хотел. Хотя, чем тебе css-ий hover не угодил, не совсем понятно....

$(document).ready(function() {
  $('._s-row').hover(function() {
    $(this).find('._s-title-wrap').toggleClass('hover')
  });
});
._s-title-wrap.hover {
  background: red;
}
<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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.