Freecodecamp: Conflicting instructions on Waypoint: Target a Specific Child of an Element Using jQuery

[aBuzzLife]

In the instructions it states to make the first child in each of your well elements bounce. This conflicts with the first checkpoint which states that the second element in each of your "well" elements should bounce.

[BerkeleyTrue]

this is being tracked in #1713

[ghost]

use the following code, misleading info on mine also

$('.target:nth-child(2)').addClass('animated bounce');

this worked on mine.. took half hour to do this one. Yes the info is misleading

[saladgg]

Thanks @bbhanda2

[1985michel]

@bbhanda2 it's a bug.

If we are talking about child the .target should be the .well.

[naveenlb]

Thanks guys. I am really enjoying the camp.

[egossick]

So what does the "2" do? Don't understand that and why it needed to be changed from "3". Thanks!

[MixRadu]

Why we use .target ? Why i can't use
$('.well:nth-child(2)').addClass('animated bounce');

[jch1n]

I have 3 #target5 button.. can someone help?

image

[trustyaxe]

I also, initially, used this: $(".well:nth-child(2)").addClass("animated bounce");
Why is this not correct? It would target the .well for both and animate the second button in each well. Can someone please explain why this isn't correct? I don't see a target class, only id's, and each id is distinct.

[trustyaxe]

After looking at it, it dawned on me. Here is some text from the challenge: jQuery uses CSS Selectors to target elements. target:nth-child(n) css selector allows you to select all the nth elements with the target class or element type. We gave all of our buttons these classes, separated by spaces: "btn btn-default target". So, the jQuery command we are using is specifying the second instance of target in each well. How? I don't know, because it looks like it should be $(".well:nth-child(2)").addClass("animated bounce);, since the exercise is calling for you to target children and not pinpoint directly. I think there should be a more detailed explanation on the exercise page about this. Very confusing and I hate not knowing something before I move to the next lesson, lol.

[mithun2017]

removed solution by mod

[gouserizvi]

$(".target:nth-child(2)").addClass("animated bounce");
is the answer
i typed the same code earlier but it doesnt worked but after a long struggle it worked
seems like a bug to me