使用nokogiri解析帶有嵌套循環的html樹

Question

嗨，我是nokogiri的新手，並嘗試使用各種樹結構來解析HTML文檔。任何關於如何解析它的建議都會很棒。我想要捕獲此頁面上的所有文字。

<div class = "main"> Title</div> 
<div class = "subTopic"> 
    <span = "highlight">Sub Topic</span>Stuff 
</div> 

<div class = "main"> Another Title</div> 
<div class = "subTopic"> 
    <span class = "highlight">Sub Topic Title I</span>Stuff<br> 
    <span class = "highlight">Sub Topic Title II</span>Stuff<br> 
    <span class = "highlight">Sub Topic Title III</span>Stuff<br> 
</div> 

我試過，但它只是推出每滿陣，我甚至不知道如何去的「東西」的一部分。

content = Nokogiri::HTML(open(@url)) 
content.css('div.main').each do |m| 
    puts m .text 
    content.css('div.subTopic').each do |s| 
     puts s.text 
     content.css('span.highlight').each do |h| 
      puts h.text 
     end 
    end 
end   

幫助將不勝感激。

Answer 1

類似的東西會解析您的轉移文檔結構：

數據

<div class="main"> Title</div> 
<div class="subTopic"> 
    <span class="highlight">Sub Topic</span>Stuff 
</div> 

<div class = "main"> Another Title</div> 
<div class = "subTopic"> 
    <span class = "highlight">Sub Topic Title I</span>Stuff<br> 
    <span class = "highlight">Sub Topic Title II</span>Stuff<br> 
    <span class = "highlight">Sub Topic Title III</span>Stuff<br> 
</div> 

代碼：

require 'nokogiri' 
require 'pp' 

content = Nokogiri::HTML(File.read('text.txt')); 

topics = content.css('div.main').map do |m| 
    topic={} 
    topic['title'] = m.text.strip 
    topic['highlights'] = m.xpath('following-sibling::div[@class=\'subTopic\'][1]').css('span.highlight').map do |h| 
     topic_highlight = {} 
     topic_highlight['highlight'] = h.text.strip 
     topic_highlight['text'] = h.xpath('following-sibling::text()[1]').text.strip 
     topic_highlight 
    end 
    topic 
end 

pp topics 

會打印：

[{"title"=>"Title", 
    "highlights"=>[{"highlight"=>"Sub Topic", "text"=>"Stuff"}]}, 
{"title"=>"Another Title", 
    "highlights"=> 
    [{"highlight"=>"Sub Topic Title I", "text"=>"Stuff"}, 
    {"highlight"=>"Sub Topic Title II", "text"=>"Stuff"}, 
    {"highlight"=>"Sub Topic Title III", "text"=>"Stuff"}]}]