Menu
I'm trying to get all the nodes from a HTML document using Nokogiri.
I have this HTML:
<html>
<body>
<h1>Header1</h1>
<h2>Header22</h2>
<ul>
<li>Li1</li>
<ul>
<li>Li1</li>
<li>Li2</li>
</ul>
</ul>
</body>
</html>
String version:
string_page = "<html><body><h1>Header1</h1><h2>Header22</h2><ul><li>Li1</li><ul><li>Li1</li><li>Li2</li></ul></ul></body></html>"
I created an object:
page = Nokogiri.HTML(string_page)
And I was trying to traverse it:
result = []
page.traverse { |node| result << node.name unless node.name == "text" }
=> ["html", "h1", "h2", "li", "li", "li", "ul", "ul", "body", "html", "document"]
But what I don't like is the order of elements. I need to have an array with same order as they appear:
["html", "body", "h1", "h2", "ul", "li", "ul", "li", "li" ]
I don't need closing tags.
Does anybody have a better solution to accomplish this?
280
If you want to see the nodes in order, use a XPath selector like '*' which means "everything", starting from the root node:
require 'nokogiri'
string_page = "<html><body><h1>Header1</h1></body></html>"
doc = Nokogiri::HTML(string_page)
doc.search('*').map(&:name)
# => ["html", "body", "h1"]
But, we don't normally care to iterate over every node, nor do we usually want to. We want to find all nodes of a certain type, or individual nodes, so we look for landmarks in the markup and go from there:
doc.at('h1').text # => "Header1"
or:
html = "<html><body><table><tr><td>cell1</td></tr><tr><td>cell2</td></tr></h1></body></html>"
doc = Nokogiri::HTML(html)
doc.search('table tr td').map(&:text) # => ["cell1", "cell2"]
or:
doc.search('tr td').map(&:text) # => ["cell1", "cell2"]
or:
doc.search('td').map(&:text) # => ["cell1", "cell2"]
Note: there's no reason to use a longer sample HTML string; It just clutters up the question so use a minimal example.
See "How to avoid joining all text from Nodes when scraping" also.
98
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
