How can I wrap the text contents of an element with a new tag?

Question

I have a Nokogiri::XML::Element in which looks like this:

<div class="berg">This is some text!</div>

What I want to do is just extract the text from the div (which is the Nokogiri Element) and then wrap the text with a new tag so it looks like this:

<div class="berg"><span>This is some text!</span></div>

The Nokogiri .wrap functions seems to wrap tags, not their text contents with a new tag, I was wondering how you wrap the inter tag contents.

Answer 1

You can set the inner_html of the div element. Here's a working example:

html = '<div class="berg">This is some text!</div>'
doc = Nokogiri::HTML.fragment(html)

berg = doc.at('div.berg')    # Or xpath, or whatever method you choose

# Wrap the text in <span>
berg.inner_html = "<span>#{berg.text}</span>"

puts doc  #=> <div class="berg"><span>This is some text!</span></div>

The important part is the use of inner_html, adding in the <span> element and putting the existing text element inside it.