How to remove a table row using jQuery

Question

Just want to know how to select a table row by id

eg the table row has the id of "50"

...

How can I select this (as I wish to use the hide() function on a click)

Almost got it.. This is my code $('.remove').click(function () { var row = ''; row = $(this).attr('id'); console.log(row); $('tr#'.row).hide(); }); — Zabs
– Zabs, Commented Sep 15, 2011 at 12:07
Got it - thanks guys $('.remove').click(function () { var row = ''; row = $(this).attr('id'); console.log(row); $('tr#'+row).hide(); }); — Zabs
– Zabs, Commented Sep 15, 2011 at 12:10

Ben Lee · Accepted Answer · 2011-09-15 12:15:11Z

2

$('tr#50').click(function(ev) { $(this).hide(); });

$('tr#50') selects the row. .click(function(){...}) runs the function when you click on the row. $(this) is a way of selecting the original element that you set the click handler on (in this case, that selected by "tr#50"). And .hide(), obviously, hides that element.

EDIT: As other answerers point out, it's not good practice to start an id with a number, and even worse practice to make your id only a number. You should rename it to something like row-50.

edited Sep 15, 2011 at 12:15

answered Sep 15, 2011 at 11:59

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

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

Comments

Vivek · Accepted Answer · 2011-09-15 11:59:13Z

1

write this on Click event

 $('tr#50').hide()

But i would suggest you that don't start your id with Number as it's not a good practice ...

answered Sep 15, 2011 at 11:59

Vivek

11k15 gold badges51 silver badges68 bronze badges

Comments

Andy · Accepted Answer · 2011-09-15 11:59:26Z

0

$('tr#50')

be careful with number-only ids though

answered Sep 15, 2011 at 11:59

Andy

30.2k9 gold badges44 silver badges59 bronze badges

Comments

Matschie · Accepted Answer · 2011-09-15 12:00:44Z

0

To select an element with an id just use the following selector:

$("tr#id").hide();

So for your problem with the id 50 it would be:

$("tr#50").hide();

answered Sep 15, 2011 at 12:00

Matschie

1,24710 silver badges9 bronze badges

Comments

Robin Castlin · Accepted Answer · 2011-09-15 12:02:32Z

0

If you don't have an ID of the table and simply wants to select the 50th row, you can select it with:

$('table tr').eq(49);

or

$('table tr:eq(49)');

Note that eq() starts on 0, and not 1. There for the eq() in this case is (50 - 1)

answered Sep 15, 2011 at 12:02

Robin Castlin

11k1 gold badge30 silver badges44 bronze badges

2 Comments

Vivek Over a year ago

When we are having id, then why you are going for eq..it will be much slower

Robin Castlin Over a year ago

I felt the question to be too simple to mean the id="" attribute, and therefor drew the conlusion the questioner may have meant this instead. I've also read that id="" shouldn't start with a number.

Collectives™ on Stack Overflow

How to remove a table row using jQuery

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related