Как выбрать дочерние узлы, кроме первого элемента

Question

Итак, у меня есть таблица, и я хочу установить стиль для всех элементов <tr>, кроме первого.Пример:

<table>
    <tr><th>This receives header styles</th></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
</table>

Я знаю, что должен использовать селекторы, но не знаю, как и не могу найти его в Интернете = S

Answer 1

Общий селектор братьев и сестер ~ позволяет выбирать каждый определенный элемент, следующий за другим.Вы можете использовать этот селектор:

table tr:first-child ~ tr

Работает в IE7 +.

Если вы можете изменить свой HTML, чтобы сделать его более семантическим, вы можете поместить свою первую строку с ячейками th вthead, а остальные в tbody:

<table>
  <thead>
    <tr><th>This receives header styles</th></tr>
  </thead>
  <tbody>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
  </tbody>
</table>

Затем используйте вместо этого этот селектор:

table tbody tr

Работает в старых браузерах, если вам это нужно.

Answer 2

$('#table-id tr').not(':first-child').addClass('class');

должен это сделать