方法后没有返回生成元素的jquery

Question

在以下代码中：

var genContent = "<tr><td>please wait!!!</td></tr>";
var outputElement = $("#projectsTable tr:first").after(genContent);
myForm = $(this).find("form");
submitForm(myForm, outputElement);

我希望outputElement是jquery中after方法生成的元素，但由于某种原因，outputElement引用了表头。

我需要做什么才能获得新生成的元素？

Answer 1

如果您希望outputElement引用tr元素

，则需要使用.insertAfter()

var = "<tr><td>please wait!!!</td></tr>";
var outputElement = $(genContent).insertAfter("#projectsTable tr:first");
myForm = $(this).find("form");
submitForm(myForm, outputElement);

Answer 2

after方法在当前选择之后插入元素，并返回相同的当前选择。所以它不会改变选择。如果您需要要插入的元素，可以创建它的jQuery对象，然后插入它。

var genContent = "<tr><td>please wait!!!</td></tr>";
var outputElement = $(genContent);
$("#projectsTable tr:first").after(outputElement);