Watir获得INNER的HTML

Question

I'm trying to find a navigation link by iterating through a handful of spans with class 'menu-item-text'. My goal is to compare what is inside the span tags to see if it is the right navigation control to click (there are no hard ids to go by.) My code is like this:

navlinks = @browser.spans(:class, 'menu-item')
navlinks.each do |this|
    puts "'#{this.text}'"
    if this.text == link_name
        this.click
    break
end

I know for sure I'm getting the correct elements. However, text is always an empty string. My second idea was to use .html instead of .text, but that returns something like this:

<span class="menu-item">Insights</span>

What I want is the "Insights" text inside the span, not the full html that includes the tag markup. I have also tried using this.span.text, but that did not work either.

How can I target exclusively the inner html of an element through watir's content grabbing methods?

Thanks!

Answer 1

Assuming you are using Watir-Webdriver v0.6.9 or later, a inner_html method has been added for getting the inner HTML.

For the span:

<span class="menu-item">Insights</span>

You could do:

@browser.span(:class => 'menu-item').inner_html
#=> "Insights"

Similarly, you could try using this method in your loop instead of .text .

Note that depending on the uniqueness of your text, you might be able to simply check if the text appears in element's (outer) html:

@browser.spans(:class => 'menu-item', :html => /#{link_name}/).click