Unable to reach child elements using right angular bracket

Question

Here is what I am trying to do

$("table:nth-of-type(1) > tr:not(tr:nth-of-type(1))").hide();

Anyone knows why jQuery does not support such a way of selection?

Guffa · Accepted Answer · 2015-03-30T17:53:26.650

1

That's because the rows are not children of the table, they are children of the tbody:

$("table:nth-of-type(1) > tbody > tr:not(tr:nth-of-type(1))").hide();

Even if you don't have a tbody tag in the HTML, a tbody element is created for the tr tags that are directly in the table.

edited Mar 30 '15 at 17:53

answered Mar 30 '15 at 17:50

Guffa

unfortunately the table structure is dirrerent. it's
.
– Alex Herrmann Mar 30 '15 at 17:52
1

@AlexHerrmann The browser will automatically insert `tbody` elements, though. – Josh Crozier Mar 30 '15 at 17:53
1

@AlexHerrmann: That's the structure of the HTML code, but not the structure of the elements that are created from it. If you inspect the elements in the browser, you will see that it has added a `tbody` element to put the `tr` elements in. – Guffa Mar 30 '15 at 17:54
Thank you very much! The issue is solved ;) – Alex Herrmann Mar 30 '15 at 17:57

1 Answers1