JSOUPを使用してネストされたDIVタグ内のSPANタグを取得しようとしています

Question

こんにちは、JSoupを使用してネストされたDIVタグ内にあるスパンタグを抽出しようとしています。以下のコードは単なるコードのスニペットです。

<div class="formitem formgroup horizontal"> 
 
    <div class="formitem formgroup horizontal"> 
 
    <div class="formitem formgroup vertical" style="width:325px"> 
 
     <div class="formitem formgroup horizontal"> 
 
     <div class="formitem formgroup vertical" style="width:325px;"> 
 
      <div class="formitem formgroup horizontal"> 
 
      <span class="formitem formfield"> 
 
          <span class="value" style="font-weight:bold">47 Lower River St</span> 
 
      </span> 
 
      <span class="formitem formfield"> 
 
          <span class="value" style="font-weight:bold">531</span> 
 
      </span> 
 
      </div> 
 
     </div> 
 
     </div> 
 
     <div class="formitem formgroup horizontal"> 
 
     <span class="formitem formfield"> 
 
        <span class="value" style="font-weight:bold">Toronto</span> 
 
     </span> 
 
     <span class="formliteral formitem" /> 
 
     <span class="formitem formfield"> 
 
        <span class="value">Ontario</span> 
 
     </span> 
 
     <span class="formliteral formitem" /> 
 
     <span class="formitem formfield"> 
 
        <span class="value">M5A0G1</span> 
 
     </span> 
 
     </div> 
 
    </div> 
 
    <div class="formitem formgroup vertical" style="width:150px;"> 
 
     <div class="formitem formgroup horizontal"> 
 
     <span class="formitem formfield"> 
 
        <label>List:</label> 
 
        <span class="value" style="font-weight:bold">$279,900</span> 
 
     </span> 
 
     <span class="formitem formfield"> 
 
        <label>For:</label> 
 
        <span class="value" style="font-weight:bold">Sale</span> 
 
     </span> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <span class="formitem formfield"> 
 
     <span class="value">Toronto C08</span> 
 
    </span> 
 
    <span class="formliteral formitem" /> 
 
    <span class="formitem formfield"> 
 
     <span class="value">Moss Park</span> 
 
    </span> 
 
    <span class="formliteral formitem" /> 
 
    <span class="formitem formfield"> 
 
     <span class="value">Toronto</span> 
 
    </span> 
 
    <span class="formitem formfield"> 
 
     <span class="value">120-21-S</span> 
 
    </span> 
 
</div>

私は最後のSPANタグ（トロントC08、モスパーク、トロントおよび120から21-S）

<span class="formitem formfield"> 
 
    <span class="value">Toronto C08</span> 
 
</span> 
 
<span class="formliteral formitem" /> 
 
<span class="formitem formfield"> 
 
    <span class="value">Moss Park</span> 
 
</span> 
 
<span class="formliteral formitem" /> 
 
<span class="formitem formfield"> 
 
    <span class="value">Toronto</span> 
 
</span> 
 
<span class="formitem formfield"> 
 
    <span class="value">120-21-S</span> 
 
</span>

でテキストを抽出しようとしています

私は成功の文書の他の部分を解析しましたが、私はこれらのスパンを分離することはできませんs。コードスニペットはもっと大きなページ（full page）からのものです。私は間違ったアプローチを使用している可能性がありますが、ここで親DIVの間のスパンをキャプチャするために何をしましたか（投稿のトップの結果）。

Elements elements = doc.select("div[class=formitem legacyBorder formgroup vertical]"); 
     Element zoneElement = elements.select("div[class=formitem formgroup vertical") 
       .select("[style=width:500px]").select("div[class=formitem formgroup horizontal").first(); 

は、だから今、私は最初の要素を持っているが、私は、選択したコードのブロックの終わりに最後の6 spanタグを必要としています。ありがとう

Answer 1

ブラウザのdeveloper tool（F12）を開き、「要素を検査」ツールを選択して、希望のフィールド（たとえばTORONTO C08）を強調表示し、そのcss selectorを選択します。 "TORONTO C08"の場合、それは次のようになります：

#C3627690 > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) 

他のすべてのエレメンツについても同じことをしてください。すべてのセレクタを取得した後、それらを詳細にチェックします。たとえば、共通のパターン（3番目の値のみが異なるパターン）がある場合は、ループを使用してそれらを反復処理できます。