Question

Does anyone have any idea what this jQuery selector will do?

object.find('td:eq(1) div div');

I know that the td:eq(1) will get the 2nd td element in the object, but what will the 2 div’s referenced at the end of the selector do?

Answer 1

This first part finds the 2nd <td> overall in the object, not per-row (for that you want :nth-child). The div div part finds divs 2 levels deep inside the selector.

Here’s a matching example of object.find('td:eq(1) div div');

<tr>
 <td><td>
 <td>
   <div>
     <span> <!-- Or any wrappers, etc -->
       <div>Found me!</div>
     </span>
   </div>
 </td>
</tr>