alternative Holen Sie sich den Text nach dem Span-Element mit jquery




jquery select element after (3)

Ich habe diesen HTML-Code

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

Ich wollte den "Text next to span" bekommen . Ich habe diesen Code JQuery Code ausprobiert

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

Die Ausgabe des obigen jquery-Codes ist dies:

Text inside span
Text next to span

Was sollte das Richtige sein, um nur den "Text neben der Spanne" zu bekommen ?


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

Dies ruft den Inhalt des ausgewählten div und filtert die übereinstimmende Menge, wobei nur Elemente mit nodeType == 3 , bei denen es sich um nodeType == 3 handelt.


Benutze diesen Code:

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

Ich habe es dadurch bekommen:

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




jquery