Добавьте строку таблицы, используя after () и load ()

Question

Мой вопрос очень похож на в этой теме . Я пытаюсь использовать jquery, чтобы при щелчке строки таблицы она загружала определенную информацию с другой страницы и вставляла ее как новую строку ниже той, на которую нажали.

Если бы мне не нужно было загружать данные с другой страницы, я мог бы просто использовать что-то вроде:

clicked.after('<tr><td>Something</td><td>Something</td></tr>');

Если бы я хотел загрузить и вставить что-то, кроме таблицы, я мог бы использовать что-то вроде:

clicked.after($('<div>').load("Page2.aspx"));

Так, как мне объединить эти два вместе? Если у меня есть на первой странице:

clicked.after($('<div>').load("Page2.aspx"));

И возвращаем Page2.aspx:

<tr><td>Something</td><td>Something</td></tr>

Я бы получил это:

<tr><td>...</td><td>...</td></tr><div><tr><td>Something</td><td>Something</td></tr></div>

Что не является допустимым HTML.

Есть предложения?

Answer 1

Используйте after в обратном вызове get вместо load.

$('.clicked').click( function() {
    var $clicked = $(this);
    $.get('Page2.aspx', function(html) {
        $clicked.after(html);
    });
});