Hide row in table based on td cell in another row using jQuery

Question

Here's the table:

<tr>
 <td id="test123" align="center" rowspan="6" style="padding-right:50px;padding-left:20px;">test123</td>
 <td rowspan="6">
 <td rowspan="6">
 <td rowspan="6">
 <td rowspan="4" style="display: none;">
 <td colspan="9">
</tr>
<tr> <---- HIDE THIS ROW

I know how to select the id=test123 and how to hide rows using .parent and jQuery, but how do you hide something below the selector you're using?

$("#test123").parent().next()

miah
– miah

2013-03-28 17:21:17 +00:00
Commented Mar 28, 2013 at 17:21 — miah
– miah, Commented Mar 28, 2013 at 17:21

Ram · Accepted Answer · 2013-03-28 17:19:32Z

2

Use .next() method.

$("tr:has('#test123')").next().hide();

answered Mar 28, 2013 at 17:19

Ram

145k16 gold badges174 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nelson Benítez León · Accepted Answer · 2013-03-28 17:20:46Z

0

You can do it like this:

$('#test123').parent('tr').next().hide();

answered Mar 28, 2013 at 17:20

Nelson Benítez León

51.1k8 gold badges70 silver badges84 bronze badges

Comments

palaѕн · Accepted Answer · 2013-03-28 17:43:37Z

0

Try this:

$('#test123').closest('tr').next().hide();

answered Mar 28, 2013 at 17:43

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Collectives™ on Stack Overflow

Hide row in table based on td cell in another row using jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related