使用after（）和load（）添加表行

Question

我的问题与this topic非常相似。我正在尝试使用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);
    });
});