（Bootstrap / JQuery）如何在'.row'父级中选择每个.'col-md-4'元素？

Question

我试图使每个行元素在悬停时做出反应（使用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

使用子选择器

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

演示

Answer 2

您可以为此使用CSS选择器。 这是例子。

.row.writing > .col-xs-6:hover {
    background: red;
}