Как определить дочерний элемент в сценарии JQuery

В качестве примера я использую waypoints.js и animate.css: http://miguelmanchego.com/samples/2014/jquery-mostrar-animaciones.htm, чтобы добавить анимацию при прокрутке.

Если у меня есть структура:

<div class="FlyWithMe">
   <div>I am a bird!</div>
   <div>Mee too!</div>
</div>

Конечно, я могу оживить их с помощью:

    $('.FlyWithMe').waypoint(function() {
        $(this).toggleClass( 'bounceIn animated' );
    }

Но как я могу определить дочерний элемент для их анимации вместо контейнера?

    $('.FlyWithMe').waypoint(function() {
        $(this>child).toggleClass( 'bounceIn animated' );
    }

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


person Rafael    schedule 26.05.2016    source источник
comment
О, позволь мне взглянуть на это.   -  person Rafael    schedule 26.05.2016


Ответы (1)


Используйте функцию поиска, чтобы выбрать детей:

$(this).find('div').toggleClass( 'bounceIn animated' );
person Mahesh Chavda    schedule 26.05.2016