Wie extrahiere ich bestimmten Text aus einem HTML-Element und behalte gleichzeitig andere Elemente bei?

Extrahieren von spezifischem Text aus einem Element mit Cross-Browser-Kompatibilität

Zum Abrufen eines bestimmten Textknotens aus einem Element, während andere darin enthaltene Elemente erhalten bleiben Betrachten Sie das folgende Szenario:

<div> Ich bin Textknoten<br> <a></div><br>

Ziel: Erhalten Sie den Text „Ich bin Textknoten“, ohne den Link „Bearbeiten“ zu entfernen.

Lösung:

Der folgende jQuery-Code extrahiert effizient den interessierenden Textknoten unter Beibehaltung der browserübergreifenden Kompatibilität:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Dieser Code:

1. Wählt das Element mit der Klasse „title“ mithilfe von jQuery aus.
2. Ruft den Inhalt auf( )-Methode zum Abrufen aller untergeordneten Elemente, einschließlich Textknoten.
3. Wendet eine Filterfunktion auf diese Inhalte an, um nur Text beizubehalten Knoten.
4. Konvertiert die gefilterten Textknoten mithilfe der Methode text() in eine einzelne Zeichenfolge.

Als Ergebnis wird der Text „Ich bin Textknoten“ zurückgegeben, ohne dass dies Auswirkungen auf die hat Link „Bearbeiten“.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich bestimmten Text aus einem HTML-Element und behalte gleichzeitig andere Elemente bei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!