使用Nokogiri將div嵌套在div元素中

Question

對於以下HTML，我想解析它並使用Nokogiri得到以下結果。

event_name = "folk concert 2" 
event_link = "http://www.douban.com/event/12761580/"  
event_date = "20th,11,2010" 

我知道doc.xpath('//div[@class="nof clearfix"]')能得到各div元素，但我應該怎麼着手得到的每個屬性像event_name，尤其是date？

HTML

<div class="nof clearfix">   
      <h2><a href="http://www.douban.com/event/12761580/">folk concert 2</a> <span class="pl2"> </span></h2> 
      <div class="pl intro"> 
       Date：25th,11,2010<br/> 
      </div> 
</div> 
<div class="nof clearfix">   
      <h2><a href="http://www.douban.com/event/12761581/">folk concert </a> <span class="pl2"> </span></h2> 
      <div class="pl intro"> 
       Date：10th,11,2010<br/> 
      </div> 
</div> 

Answer 1

我不知道的XPath，我更喜歡使用CSS選擇器，他們讓我更有意義。 This tutorial可能對您有用。

require 'rubygems' 
require 'nokogiri' 
require 'pp' 

Event = Struct.new :name , :link , :date 

doc = Nokogiri::HTML DATA 

events = doc.css("div.nof.clearfix").map do |eventnode| 
    name = eventnode.at_css("h2 a").text.strip 
    link = eventnode.at_css("h2 a")['href'] 
    date = eventnode.at_css("div.pl.intro").text.strip 
    Event.new name , link , date 
end 

pp events 


__END__ 
<div class="nof clearfix">   
     <h2><a href="http://www.douban.com/event/12761580/">folk concert 2</a> <span class="pl2"> </span></h2> 
      <div class="pl intro"> 
      Date: 25th,11,2010<br/> 
      </div> 
</div> 
<div class="nof clearfix">   
     <h2><a href="http://www.douban.com/event/12761581/">folk concert </a> <span class="pl2"> </span></h2> 
      <div class="pl intro"> 
      Date: 10th,11,2010<br/> 
      </div> 
</div> 

此輸出：

[#<struct Event 
    name="folk concert 2", 
    link="http://www.douban.com/event/12761580/", 
    date="Date: 25th,11,2010">, 
#<struct Event 
    name="folk concert", 
    link="http://www.douban.com/event/12761581/", 
    date="Date: 10th,11,2010">]