如何使用Watir獲取標簽文本

Question

我要有HTML

<div class="checklistbox HOTELS" name="HOTELS">                    
    <label><input type="checkbox" value="1" filters="" />Cat</label>
    <label><input type="checkbox" value="2" filters="" />Dog</label>
    <label><input type="checkbox" value="3" filters="" />Pony</label>
    <label><input type="checkbox" value="4" filters="" />black cat</label>
 </div>

如果標簽包含未選中的復選框，如何從標簽中獲取文本？

browser.checkboxes(:xpath => '//*[@id="HOTELSCONTAINER"]/td[4]/div[2]/label/input').each do |l|
    if l.set? == false
        -- Get a label text -- 
    end
end

有答案：

@i = 0
loop do 
    @i = @i + 1
    if (browser.checkbox(:xpath => '//*[@id="HOTELSCONTAINER"]/td[4]/div[2]/label[' + @i.to_s + ']/input').exists?)
        if  browser.checkbox(:xpath => '//*[@id="HOTELSCONTAINER"]/td[4]/div[2]/label[' + @i.to_s + ']/input').set? == false
                puts browser.element(:xpath => '//*[@id="HOTELSCONTAINER"]/td[4]/div[2]/label[' + @i.to_s + ']').text           
        end
    else
        break
    end
end 

Answer 1

你可以：

1. 查找未選中的復選框
2. 導航至其父級，該父級將為標簽
3. 檢查標簽元素的文本。

一種方法是使用一系列拒絕/貼圖：

labels = browser.div(class: 'HOTELS').checkboxes.reject(&:set?).map(&:parent).map(&:text)
p labels
#=> ["Cat", "Dog", "Pony", "black cat"]

合並地圖可能更易讀：

labels = browser.div(class: 'HOTELS').checkboxes.reject(&:set?).map { |box| box.parent.text }
p labels
#=> ["Cat", "Dog", "Pony", "black cat"]