Target a Specific Child of an Element Using jQuery


你已经看到了当用jQuery选择器通过id属性来选取元素的时候是多么方便,但是你不能总是写这么整齐的id。

幸运的是,jQuery有一些另外的技巧可以达到同样的效果。

jQuery 用CSS选择器来选取元素,target:nth-child(n) CSS选择器允许你按照索引顺序(从1开始)选择目标元素的所有子元素。

示例:你可以给目标元素的第三个子元素添加bounce class。

$(".target:nth-child(3)").addClass("animated bounce");

任务:确保给目标元素的第二个子元素添加animated和bounce class,你可以通过target class来选获得目标元素。

Run tests (ctrl + enter)