addclass to first-level elements only

Question

HTML:

<table id="table-1">
  <tr>

    <td>
      <table>
        <tr>
          <td>content</td>
        <tr>
      </table>   
    </td>

    <td>Content</td>

  </tr>
</table>

Is it possible to addclass 'td-1' to ONLY first-level TD's of #table-1 and not all?

Thanks

Answer 1

Yes. Use the selector #table-1>tbody>tr>td to only get the first level cells:

$('#table-1>tbody>tr>td').addClass('td-1');

Answer 2

$('#table-1 td:first').addClass('td-1');

check: http://docs.jquery.com/Selectors/first

This will add the class only to first td in first tr,

Sinan.

EDIT:

`$('#table-1>tbody>tr>td').addClass('td-1');`

it should be as above for all first level td items.