HTMLコードからデータを抽出する

Question

私はこのHTMLコードを変数に格納された文字列として持っています。

<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> 

私だけword1 、word2 とword3 を抽出したいです。私はそれをどのようにして最も簡単で時間効率のよい方法で行うことができますか？

>の直前にはなかった文字が<で、データの抽出を開始できるインデックスになると考えていました。

Answer 1

はこのような何か試してみてください：

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(' '); 

または

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

ただ、これを使用し、それはあなたのpタグ内のすべてのテキストを返します - "alyssa  , enganio  , gono "を：

jQueryのあなたを使用して

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

Answer 3

簡単に取得できます

、このいずれかを試すことができます： -

$('p').text(); 

それは彼らの子孫を含むマッチした要素の集合の各要素の組み合わせテキスト内容を返すか、また、マッチした要素のテキスト内容を設定するために使用されます。

Answer 4

子供のテキストがないタグのテキストを取得したいと思います。

だからthis thread

このコードを参照してください。

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

とjQueryオブジェクトに文字列を変更するには、このコードthis thread

を参照してください。

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

Answer 5

あなたは正規表現を使用しているのでタグ私は正規表現を使用してソリューションを投稿します。

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

「結果」配列の結果にアクセスできます。