Trying to loop through nth-child

Question

Trying to loop through captions but this doesn't seem to work. I've played around and I know that if I replace the i with an actually number it will give me the correct response. I feel like this is a syntax issue.

for (i = 1; i <= 12; i++){ var captionText = $("a:nth-child(i)").attr("title"); console.log(captionText); }

Answer 1 · 2017-02-04T21:49:17Z

February 4, 2017 9:49pm

Your "i" above is just a character in the string.

To replace it with the variable's value, you could use concatenation:

$("a:nth-child(" + i + ")")

Or you could use string interpolation:

$(`a:nth-child(${i})`)

But since you're already using jQuery, you might make the whole thing more compact by using .each() directly on the collection instead of a loop:

$("a").each(function () {
  console.log($(this).attr("title"));
});

Answer 2 · 2017-02-04T21:59:03Z

February 4, 2017 9:59pm

That worked thank you

Welcome to the Treehouse Community

Looking to learn something new?

Steven Golden

Steven Golden

Trying to loop through nth-child

2 Answers

Steven Parker

Steven Parker

Your "i" above is just a character in the string.

Steven Golden

Steven Golden