Как я могу найти все текстовые узлы между двумя узлами элементов с помощью JavaScript / jQuery?

Учитывая следующий HTML-фрагмент:

<div>
  <p>
    abc <span id="x">[</span> def <br /> ghi
  </p>
  <p>
    <strong> jkl <span id="y">]</span> mno </strong>
  </p>
</div>

Мне нужен алгоритм для получения всех узлов типа Text между #x и #y с помощью Javascript. Или существует функция JQuery, которая делает именно это?

Результирующие текстовые узлы (пропускаемые узлы игнорируются) для приведенного выше примера будут:

['def', 'ghi', 'jkl']