如何使用Nokogiri从HTML中提取链接和链接文本

fea*_*ool 4 ruby nokogiri

我喜欢Nokogiri - 它是从XML和HTML文档中提取元素的绝佳工具.尽管在线示例很好,但它们主要展示了如何操作XML文档.

如何使用Nokogiri从HTML中提取提取链接和链接文本?

fea*_*ool 12

这是一个迷你示例,最初是为了响应在Nokogiri中获取属性的值来提取链接URL,这是在社区Wiki样式中提取的,以便于参考.

以下是在解析HTTP中的链接时可能会执行的一些常见操作,包括cssxpath语法.

从这个片段开始:

require 'rubygems'
require 'nokogiri'

html = <<HTML
<div id="block1">
    <a href="http://google.com">link1</a>
</div>
<div id="block2">
    <a href="http://stackoverflow.com">link2</a>
    <a id="tips">just a bookmark</a>
</div>
HTML

doc = Nokogiri::HTML(html)
Run Code Online (Sandbox Code Playgroud)

提取所有链接

我们可以使用xpath或css来查找所有<a>元素,然后只保留具有href属性的元素:

nodeset = doc.xpath('//a')      # Get all anchors via xpath
nodeset.map {|element| element["href"]}.compact  # => ["http://google.com", "http://stackoverflow.com"]

nodeset = doc.css('a')          # Get all anchors via css
nodeset.map {|element| element["href"]}.compact  # => ["http://google.com", "http://stackoverflow.com"]
Run Code Online (Sandbox Code Playgroud)

在上述情况下,这.compact是必要的,因为搜索<a>元素除了返回其他元素之外还返回"仅书签"元素.

但我们可以使用更精确的搜索来查找包含href属性的元素:

attrs = doc.xpath('//a/@href')  # Get anchors w href attribute via xpath
attrs.map {|attr| attr.value}   # => ["http://google.com", "http://stackoverflow.com"]

nodeset = doc.css('a[href]')    # Get anchors w href attribute via css
nodeset.map {|element| element["href"]}  # => ["http://google.com", "http://stackoverflow.com"]
Run Code Online (Sandbox Code Playgroud)

找到一个特定的链接

要查找内的链接 <div id="block2">

nodeset = doc.xpath('//div[@id="block2"]/a/@href')
nodeset.first.value # => "http://stackoverflow.com"

nodeset = doc.css('div#block2 a[href]')
nodeset.first['href'] # => "http://stackoverflow.com"
Run Code Online (Sandbox Code Playgroud)

如果您知道自己只搜索一个链接,则可以使用at_xpathat_css代替:

attr = doc.at_xpath('//div[@id="block2"]/a/@href')
attr.value          # => "http://stackoverflow.com"

element = doc.at_css('div#block2 a[href]')
element['href']        # => "http://stackoverflow.com"
Run Code Online (Sandbox Code Playgroud)

从相关文本中查找链接

如果您知道与链接相关联的文本并想要查找其网址,该怎么办?一个小的xpath-fu(或css-fu)派上用场:

element = doc.at_xpath('//a[text()="link2"]')
element["href"]     # => "http://stackoverflow.com"

element = doc.at_css('a:contains("link2")')
element["href"]     # => "http://stackoverflow.com"
Run Code Online (Sandbox Code Playgroud)

从链接中查找文本

为了完整起见,您可以通过以下方式获取与特定链接相关联的文本:

element = doc.at_xpath('//a[@href="http://stackoverflow.com"]')
element.text     # => "link2"

element = doc.at_css('a[href="http://stackoverflow.com"]')
element.text     # => "link2"
Run Code Online (Sandbox Code Playgroud)

有用的参考

除了广泛的Nokorigi文档之外,我在编写本文时遇到了一些有用的链接: