javascript - (Bootstrap/JQuery) 如何选择 .'col-md-4' 父级中的每个 '.row' 元素？

Question

我试图让每个行元素在悬停时使用react(使用 Animate.css)。我不确定的是如何让 JQuery 在悬停时分别处理每个元素。我是否需要以某种方式遍历子元素？或者有更简单的方法吗？非常感谢在正确方向上的任何帮助!谢谢大家

埃里克

$('.row.writing').children().hover(function(){

	$(this).addClass('animated fadeInLeft')
});

<div class="row writing">
  <div class="col-xs-6 col-md-4 b"><a href="writing/wearcomp.pdf"><img   src="images/pencil113.png"/></a><br/>On Wearable Computing</div>
  <div class="col-xs-6 col-md-4 b"><a href="writing/wearcomp.pdf"><img src="images/pencil113.png"/></a><br/>Early State Based Civilizations: Aztec vs Maya</div>
  <div class="col-xs-6 col-md-4 b"><a href="writing/wearcomp.pdf"><img src="images/pencil113.png"/></a><br/>Cloud Computing & mobile device security</div>
  <div class="col-xs-6 col-md-4 b"><a href="writing/wearcomp.pdf"><img src="images/pencil113.png"/></a><br/>Looking Beneath the Screen: The Changing Nature of Interpersonal Communications</div>
  <div class="col-xs-6 col-md-4 b"><a href="writing/wearcomp.pdf"><img src="images/pencil113.png"/></a><br/>Out-of-Africa vs Multiregional: Comparing models of Human origins</div>
</div>

<!-- end snippet

<!-- begin snippet: js hide: false -->

-->

Answer 1

使用child-selector

$('.row.writing > div').hover(function(){
    $(this).addClass('animated fadeInLeft')
});

DEMO