jquery - 最初のタグの前に囲まれていないダーティテキストを削除する方法

Question

私はこのような汚いHTMLを持っています

例 1:

<div>

  somedirtytexthere.

  <h1>header 1</h1>
  <p>ok this text is cool</p>
</div>

例 2:

<div>

  somedirtytexthere.

  <h1>header 1</h1>
  <p>ok this text is cool</p>
       but this text is ALSO cool
</div>

divjQueryの最初の子タグの前にあるすべての (囲まれていない) テキスト要素を削除したいと考えています。

Answer 1

$("div")
    .contents()
    .filter(function () {
        return this.nodeType === 3;
    }).first().remove();

デモ。