Home/ Questions/Q 131063
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T06:02:47+00:00

Title pretty much says it all. Given a table like <table> <tr> <th>Header 1</td>

  • 0

Title pretty much says it all.
Given a table like

<table>   <tr>     <th>Header 1</td>     <th>Header 2</td>   </tr>   <tr>     <td>Datum 1</td>     <td> Datum 2</td>   </tr>   <tr>     <td>Datum 1</td>     <td> Datum 2</td>   </tr> </table>

How to select the row which contains the th headers and no other?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Expression:

    $(function() {   $('tr:has(th):not(:has(td))').hide(); });

    or even just:

    $(function() {   $('tr:not(:has(td))').hide(); });

    Full example:

    <html> <head>   <title>Layout</title> </head> <body> <table>   <tr>     <th>Header 1</td>     <th>Header 2</td>   </tr>   <tr>     <td>Datum 1</td>     <td> Datum 2</td>   </tr>   <tr>     <td>Datum 1</td>     <td> Datum 2</td>   </tr>   <tr>     <th>Header 3</th>     <th>Datum 2</td>   </tr> </table> <script src='http://www.google.com/jsapi'></script> <script>   google.load('jquery', '1.3.1');   google.setOnLoadCallback(function() {     $(function() {       $('tr:has(th):not(:has(td))').hide();     });   }); </script> </body> </html>
    • 0