Jquery Replace table row in JQuery

Question

I have a partial view "taskrow" that will return a table row, I am using this to show rows in tables as soon as they have been updated. I need to replace the row with class "tasks" and replace it with the row that is loaded, but am struggling with the syntax. I believe the code below is inserting a tr into a tr. I have tried for ages to use a combination of replaceWith and load() but have not managed to get this working. Could someone help me with this?

$(elem).parent().find("tr.tasks").load("@Url.Action("TaskRow", "Task")", { "id": id});

the button that is clicked to call the function containing the jquery. — DevDave
– DevDave, Commented Nov 2, 2011 at 17:50

Blazemonger · Accepted Answer · 2014-07-28 13:25:48Z

16

You need something like this instead:

$.get('@Url.Action("TaskRow", "Task")', {'id': id}, function(data) {
    $(elem).closest('table').find('tr.tasks').replaceWith(data);
});

edited Jul 28, 2014 at 13:25

answered Nov 2, 2011 at 17:52

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

2 Comments

DevDave Over a year ago

yeh i thought something like that might be the answer. But if so, how would i assign the .load(.. part of my code to the data variable? It has to be chained to something right, the .load() function?

Blazemonger Over a year ago

You want to replace a table row, so .load isn't what you need. By using $.get you can employ a callback function that adds the data to the DOM however you like.

Tim M. · Accepted Answer · 2012-03-31 21:10:40Z

15

var newRow = '<tr><td>blahh blah</td><td>blah...</td></tr>';
$('#tempID').replaceWith(newRow);

edited Mar 31, 2012 at 21:10

Tim M.

54.5k14 gold badges126 silver badges167 bronze badges

answered Mar 30, 2012 at 23:51

Ram Vangala

1511 silver badge2 bronze badges

Collectives™ on Stack Overflow

Jquery Replace table row in JQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related