Not working ordered(1, 2, 3) increment in for loop

Question

Hy learners, maybe its a silly thing, but I can not show an ordered number(1, 2, 3) after every text. Even though a variable named 'count'. See my attached code below. Thanks.
https://code.sololearn.com/WG4KS7XcevD4/?ref=app

Answer 1

You seem to have used the wrong function when finding the child elements in this case.

If you add the line:
console.log(xArray[i]);
within your for loop, you'll see that within that array contains not only the tags themselves but the actual text with them as well, considering that they would be considered nodes. If you want to only loop through the tags which are children to your parent div, then I'd recommend using the .children() function instead.

Additionally, the count variable does absolutely nothing within your loop so there's not really much of a point of having it haha

Answer 2

Forhad Hossain
No problem! I'm glad it helped d:

Answer 3

You are setting count to zero every time you loop.

Answer 4

@G4rr3t, yes I've set the value zero to count initially. But why it shows like "1,3,5" instead of "1,2,3"??

Answer 5

@Faisal, thank you for answering me. The "count" variable is useless here I know. But the thing was "console.log(xArray[i])" gave me a 7-time iterated result. So that I was confused about ordering. Now it works fine. Thank you again for giving me a lesson about the different between "childeNode" vs "children".