jQuery: Using Variables in Selectors

Question

Every searches I made only included solutions for variables like this: $('#div'+ id)

I need to delete a row.

var row = $(this).parent().parent().parent().find('tr#' + id).html();

I'd like to use the "row" name instead of "$(this)...remove();"

kon · Accepted Answer · 2009-12-04 10:57:04Z

6

like

$('tr[name='+rowname+']').remove()

answered Dec 4, 2009 at 10:57

kon

5643 silver badges11 bronze badges

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

Comments

redsquare · Accepted Answer · 2009-12-04 11:41:58Z

4

use .closest, it is safer than all those chained parent calls in case you change the markup which will break the code.

var row = $(this).closest('tr');
row.remove()

answered Dec 4, 2009 at 11:41

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

White Elephant · Accepted Answer · 2009-12-04 10:58:29Z

1

Just populate the row var with a reference to the row.

var row = $(this).parent().parent().parent().find('tr#' + id);
var html = $(row).html();
$(row).remove();

answered Dec 4, 2009 at 10:58

White Elephant

1,3813 gold badges13 silver badges28 bronze badges