CSS：在for循环中使用nth-child

Question

I am trying to creat three arrays, and fill them with specific information gathered from each child element of tr.

I keep on getting a syntax error, however the code below works fine when I replace the child element with a number (it just fills the entire array with the same string).

I've been stuck on this for a while, so any syntax help would be much appreciated! Am I approaching this the right way?

---

---

var str = new Array ();

for (i =1; i<=5; i++){

str[i] = $("tr:nth-child(i+2) > td.short-desc > a > div > div.col-lg-5.col-         sm-6.hidden-xs > div.pull-left > div > div:nth-child(2) > img ").attr('src')
 }

var pos = new Array ();

for (i=1; i<=5; i++){
pos[i] = str[i+2].search("traveler/");
}

var rating = new Array ();

for (i=1; i<=5; i++){
rating[i] = str[i+2].substring(pos[i+2]+ 9, pos[i+2] +12);
}

Answer 1

jQuery selectors have no access to the surrounding context, so they can't see the variable i . You have two options:

1. Calculate the value in the loop and then pass the result to jQuery: $("tr:nth-child(" + (i+2) + ") > ..."

2. Get a list of <tr> elements, iterate over them and then use a selector on each element.

The second solution look like so:

var rows = $('<tr>'); // get all rows as array

for( i=1; i<=5; i++) {
   // search a child of a certain row
   $("td.short-desc > a > div > ...", rows[i+2]);
}