Getting the entire div sections using Nokogiri

Question

I am trying to learn Nokogiri with some scenarios and am parsing the html code right now using it.

doc = Nokogiri::HTML($driver.page_source)

In my code I have muliple div sections which has some nested span and div tags as per below:

 
  This is a String Text 
  
     
       
         
       
    
   


 
  New String Text

What I am looking for is when I pass a string "This is a String Text" as an input to a method, it should look into multiple div sections and return me the appropriate entire div section along with its nested span and div's.

Is there a direct way to achieve what I want using Nokogiri or any other API or will I need to write a method to traverse through the element, its parent and then the child??

Please suggest the direct way if there is any else I will write my own code to traverse.

Justin Ko · Accepted Answer

If you need to get a node based on its child nodes, you will have to use an xpath-selector instead of a css-selector.

To get the div containing the span, do:

node = doc.at_xpath('//div[./span[text()="New String Text"]]')

Runnable example:

require 'nokogiri'

html = %q[

 
  This is a String Text 
  
     
       
         
       
    
   


 
  New String Text 
  
     
       
        asdf 
       
    
   


]

doc = Nokogiri::HTML.parse(html)
puts doc.at_xpath('//div[./span[text()="New String Text"]]').to_html
#=>  
#=>   New String Text 
#=>   
#=>      
#=>        
#=>         asdf 
#=>        
#=>     
#=>    
#=>

Getting the entire div sections using Nokogiri

Answers (1)

Related Questions