如何在TextNode之后使用jQuery.insertAfter

How to use jQuery.insertAfter after a TextNode?

本文关键字:jQuery insertAfter 之后 TextNode      更新时间:2024-05-12

假设我有这个HTML。

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

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

我知道我可以选择类nav-teacher并使用insertBefore,但我有多个页面带有这个header标记,并且不是每个页面都有相同的跨度,后面有类nav-teacher,我希望尽可能保持我的代码干燥。

使用contents()获取文本节点

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

JSFiddle