Как в Jquery добавить классы при наведении внутреннему элементу?

Question

[Михаил Гильмутдинов]

К примеру, вот есть вот такой код:

<script>
$(document).ready(function () { 
          $('.addpulse').hover(
           function () {
           $(this) .addClass('animated pulse infinite');  // Добавляем класс bounce
           },
           function () {
           $(this) .removeClass('animated pulse infinite');  // Убираем класс bounce
           }
           )})</script>

<div class="row p-b-15"><div class="col-md-6"><i class="addpulse fa fa-4x col-md-2 fa-heartbeat"></i><h4 class="col-md-10">Здесь текст.........</h4></div>

Нужно чтобы класс добавлялся элементу i, при наведении на .col-md-6.

Comments

[Денис Т]

вместо this можно поставить любой селектор

Answer 1

[Денис Т]

$(document).ready(function () { 
          $('.col-md-6').hover(
           function () {
           $('.col-md-6 i') .addClass('example');  // Добавляем класс bounce
           },
           function () {
           $('.col-md-6 i') .removeClass('example');  // Убираем класс bounce
           }
           )});

Comments

[Михаил Гильмутдинов]

Да сработало, а если у меня таких блоков несколько, как сделать чтобы именно к этому применялось?
Здесь текст2 .........
Здесь текст2 .........

[Михаил Гильмутдинов]

Не хочется для каждого писать отдельно код. Может быть есть возможность указать что только для inner ?

[Денис Т]

а у этих inner'ов есть какой то общий класс?

[Ильдар Гизетдинов]

Михаил Гильмутдинов: если я правильно понял что вы имеете в виду, то я кинул в ответы.

Answer 2

[Ильдар Гизетдинов]

$(document).ready(function () { 
          $('.col-md-6').hover(function () {
               $(this).find('i').addClass('example');  // Добавляем класс bounce
           }, function () {
               $(this).find('i').removeClass('example');  // Убираем класс bounce
           }
)});

* - модифицированный код одного из других ответов

Comments

[Михаил Гильмутдинов]

Вот спасибо))) А обязательно в конце ";" ? вроде и без этого работает.

[Ильдар Гизетдинов]

Михаил Гильмутдинов: на вкус и цвет товарищей нет :)