2013-06-25 2 views
0

Если у меня есть HTML структура, как этотJquery оператор выбора

<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
etc... 

Где теги таблицы просто повторить. Как бы я мог написать инструкцию select, которая получит третий тег td из каждого тега таблицы?

Благодаря

ответ

5

Вы можете сделать:

$('table tr td:nth-child(3)') 

Вот fiddle demo

+0

насчет '$ ('table> TBODY> тр> тд: п-го ребенка (3) «)'? – omega

+0

Уверен, что вы можете это сделать - '>' - более конкретный случай, когда он ищет специфические дочерние узлы (а не большие дочерние узлы). Если это структура для всех таблиц последовательно, то ваше дело будет работать. – karthikr

0

Попробуйте это: $ ("TD: п-го ребенка (2) "). Добавить (" - 2nd! ");

0

Вы можете использовать:

$('table tbody tr td:last-child') 

которым будет работать в CSS3, тоже:

table tbody tr td:last-child{ 
    background:red; 
}