搜索具有特定內容的元素？

Question

假設我有以下的HTML代碼：

... 
<p>bla bla</p> 
<h3>Foobar</h3> 
<p>bla bla</p> 
<p>bla bla</p> 
<h3>Example</h3> 
... 

有沒有一種方法來獲取其中包含文本Foobar第一h3元素？

Answer 1

可以使用contains() XPath function：

doc.xpath("//h3[contains(text(), 'Foobar')]") 

或者，如果目標文本可能是在h3後代文本節點，使用：

doc.xpath("//h3[contains(.//text(), 'Foobar')]") 

要，而不是直接獲取第一個匹配的元素一個數組，使用at_xpath而不是xpath。

Answer 2

由於這是HTML，我會建議CSS選擇器：

puts doc.at_css('h3:contains("Foobar")') 

#=> <h3>Foobar</h3> 

CSS選擇趨向解析HTML時做出了更具可讀性的表達式。我傾向於將XPath僅用於XML，或者當我需要XPath表達式的全部功能時。