Obtenir le texte après l'élément span en utilisant jquery

Question

J'ai ce code html

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

Je voulais obtenir le "Texte à côté du span" . J'ai essayé ce code JQuery

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

Le résultat du code jquery ci-dessus est le suivant :

Text inside span
Text next to span

Quelle serait la bonne chose à faire pour n'avoir que le "Texte à côté du span" ?

Answer 1

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

Cela permet d'obtenir le contenu du fichier sélectionné div et filtre l'ensemble correspondant, en ne retournant que les éléments avec nodeType == 3 qui sont des nœuds de texte.

Answer 2

Utilisez ce code :

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

Answer 3

Je l'ai eu par ceci :

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