--- id: bad87fee1348bd9aed108826 title: Mirar um filho específico de um elemento usando o jQuery challengeType: 6 forumTopicId: 18315 required: - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css' dashedName: target-a-specific-child-of-an-element-using-jquery --- # --description-- Você já viu o motivo de mirar os atributos de id ser tão conveniente com seletores jQuery. Mas você nem sempre terá ids legais para trabalhar. Felizmente, o jQuery possui outros truques para apontar para os elementos certos. O jQuery usa seletores CSS para apontar elementos. O seletor CSS `target:nth-child(n)` o permite selecionar todos os enésimos (nth) elementos com a classe ou tipo de elemento alvos. Aqui está como você daria ao terceiro elemento em cada well a classe bounce: ```js $(".target:nth-child(3)").addClass("animated bounce"); ``` Faça quicar o segundo filho em cada um dos seus elementos well. Você deve selecionar os filhos do elemento com a classe `target`. # --hints-- O segundo elemento nos seus elementos `target` deve quicar. ```js assert( $('.target:nth-child(2)').hasClass('animated') && $('.target:nth-child(2)').hasClass('bounce') ); ``` Apenas dois elementos devem quicar. ```js assert($('.animated.bounce').length === 2); ``` Você deve usar o seletor `:nth-child()` para modificar esses elementos. ```js assert(code.match(/\:nth-child\(/g)); ``` Você deve usar apenas jQuery para adicionar essas classes ao elemento. ```js assert( code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\('.target:nth-child\(2\)'\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) || code.match(/\$\('.target'\).filter\(':nth-child\(2\)'\)/g) ); ``` # --seed-- ## --seed-contents-- ```html