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>

에서 텍스트를 추출하는 것을 시도하고있다

문서의 다른 부분을 성공적으로 파싱했지만이 스팬을 격리 할 수는 없습니다. 에스. 코드 스 니펫은 훨씬 더 큰 페이지 (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을 선택하십시오. "토론토 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) 

다른 모든 elemens에 대해 동일한 작업을 수행합니다. 모든 셀렉터를 얻은 후에는 세 가지 값만 다른 공통 패턴 (예 : 세 번째 값에서만 다름)을 가지고 있는지 확인하십시오. 루프를 사용하여 선택기를 반복 할 수 있습니다.