Получить текст после элемента span с помощью jquery

У меня есть этот HTML-код

<div id="mydiv">
    <div>
        <span>Text inside span</span>
        Text next to span
    </div>
    <div>
        Contents inside the 2nd div element...
    </div>
</div>

Я хотел получить текст "рядом с пробелом. Я пробовал этот код кода JQuery

var a = $('#mydiv div').first().find('span').parent().text();
alert(a);

Вывод кода jquery выше:

Text inside span
Text next to span

Что должно быть правильно, чтобы просто получить только текст "рядом с пробелом" ?

Ответ 1

var a = $('#mydiv div').first().contents().filter(function() {
    return this.nodeType == 3;
}).text();

Получает содержимое выбранного div и фильтрует согласованный набор, возвращая только элементы с nodeType == 3, которые являются текстовыми узлами.

Ответ 2

Используйте этот код:

 $('#myDiv')
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
  }).text();

Ответ 3

Я понял:

$('#mydiv div').first().contents().eq(1).text();