jQuery select only tr/td in main table, not nested tables.

Answer 1

You use the > selector to target only the direct descendant of an element. You have to target the implicit tbody element inside the table also:

$('#report>tbody>tr.odd')

Answer 2

You want

$("#report>tr")

The > means direct descendant (child) rather than any descendant.

Answer 3

with this solution it does not matter whether you have a tbody tag in between:

$('table').find('tr:first').parent().children()

Answer 4

Use the child selector > to only select those tr elements that are a child of the report table’s tbody, for example:

$("#report > tbody > tr.odd")