Extrahieren von Daten aus einem HTML-Code

Question

Ich habe dieses Stück HTML-Code als Zeichenfolge in einer Variablen gespeichert.

<p style="text-align: center;"> 
    <span style="font-size: small;font-family: comic sans ms', sans-serif;"> 
     <strong> 
      word1&nbsp; 
      <span style="line-height: 1.5;"> 
       word2&nbsp; 
      </span> 
      <span style="line-height: 1.5;"> 
       word3&nbsp; 
      </span> 
      <span style="line-height:1.5;"></span> 
     </strong> 
    </span> 
</p> 

Ich möchte nur word1 , word2  und word3  extrahieren. Wie kann ich das auf einfachste und zeitsparende Weise tun?

Ich dachte der Charakter >, die nicht sofort von < vorangegangen wurde, kann ein Index sein, wo ich anfangen kann, meine Daten zu extrahieren.

Answer 1

versuchen, etwas wie folgt aus:

var html = '<p style="text-align: center;"> 
    <span style="font-size: small;font-family: comic sans ms, sans-serif;"> 
     <strong> 
      alyssa&nbsp; 
      <span style="line-height: 1.5;"> 
       enganio&nbsp; 
      </span> 
      <span style="line-height: 1.5;"> 
       gono&nbsp; 
      </span> 
      <span style="line-height:1.5;"></span> 
     </strong> 
    </span> 
</p>'; 
    var values = $(html).find('p strong').text().split(' '); 

oder

var v =[]; 
v.push($(html).find('p strong').clone().find('span').remove().end().text()); 
$(html).find('p strong span').each(function(i,val) { 
if($.trim($(val).text()).length>0) 
v.push($(val).text()) 
}); 
console.log(v); 

Answer 2

Genau diese, es kehren Sie den gesamten Text innerhalb p tag - "alyssa  , enganio  , gono ":

alert($("p").text()); 

Answer 3

Mit jQuery Sie kann leicht

holen

können versuchen, diese: -

$('p').text(); 

es wird die kombinierten Textinhalt jedes Elements in dem Satz von abgestimmten Elementen zurückkehren, deren Nachkommen, einschließlich, oder auch die Textinhalte der angepassten Elemente setzen verwendet.

Answer 4

Ich denke, Sie wollen Text des Tags ohne Text von Kindern abrufen.

So sehen nur this thread

Dieser Code:

console.log($("strong").clone().children().remove().end().text()); 

und einen String jQuery-Objekt this thread

Dieser Code sehen zu ändern:

var element = $('<div id="a1"></div><div id="a3"></div>'); 

Answer 5

Da Sie regex verwendet Tag werde ich eine Lösung mit Regex veröffentlichen.

var re = /\w+ /g; 
var results = html.match(re); 

Dann können Sie die Ergebnisse von "Ergebnisse" -Array zugreifen.