如何在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