javascript - 如何在 TextNode 之后使用 jQuery.insertAfter？

Question

假设我有这个 HTML。

<h1>View Assignment Description
  <span class="nav-teacher">
  </span>
</h1>

我想在 h1 标记内的文本后面插入一些 HTML。如何选择该文本并将其用作 jQuery.insertAfter 的参数？

我知道我可以选择类 nav-teacher 并使用 insertBefore，但我有多个带有此标题标记的页面，并且并非每个页面都具有与类 nav-teacher 相同的跨度 之后，我希望我的代码尽可能保持干燥。

Answer 1

使用contents()获取文本节点

$("h1").contents().eq(0).after("<span>Hello</span>");

JSFiddle