Jquery Hide table rows

Question

I am hiding a bunch of textboxes and it works fine, the problem is, the textboxes are in a table, so I also need to hide the corresponding labels. the structure is something like this

<tr> <td> Label </td> <td> InputFile </td> </tr> 

in fact its just easier if I hide the rows that have a fileinput , can someone help please

Answer 1

this might work for you...

$('.trhideclass1').hide(); 

 

<tr class="trhideclass1">   <td>Label</td>   <td>InputFile</td> </tr> 

Answer 2

You just need to traverse up the DOM tree to the nearest <tr> like so...

$("#ID_OF_ELEMENT").parents("tr").hide(); 

jQuery API Reference