遍历具有相同类名的 div

Question

我有以下 DOM：

<form id="slideshow">
  <div class="slideshow-item">
  <div class="slideshow-item">
  <div class="slideshow-item">
</form>

我需要遍历这个表单元素中的所有 div，对每个 div 执行一些操作，然后在所有 div 完成后出来。

我将我的定位器定义为：

divs(:slideShowRow, :xpath => "//div[@class='slideshow-item']")

并尝试迭代为：

slideShowRow_elements.each do |e|
  uploadSlideShowImage = e.text_field_element(:xpath => "//input[@type='file']")
  execute_script("$(arguments[0]).show();", uploadSlideShowImage)
  uploadSlideShowImage.send_keys("//path/to/image_file")
  textSlideShowRow = e.text_field_element(:xpath => "//input[@placeholder='Overlay Text']")
  textSlideShowRow.send_keys("row_number_x")
end

问题：

我在这里面临的问题是该操作仅对第一个元素执行，而不是对所有 3 个元素执行。

所以循环运行三次，因为有 3 个 div，但该操作是在同一个 div 元素上执行三次而不是单个 div 元素。

PS：我正在使用带有 Ruby 和 selenium webdriver 的页面对象。

Answer 1

脚本正确地遍历slideShowRow_elements。问题实际上在于元素在每个 slideShowRow_element 中的位置。

对于线路：

e.text_field_element(:xpath => "//input[@type='file']")

XPath 表达式实际上表示要在页面上任意位置 查找文件字段元素。结果，第一行的那个总是会被抓取。需要告知 XPath 表达式仅在当前行中定位文件字段。这是通过以句点开头的 XPath 表达式来完成的：

e.text_field_element(:xpath => ".//input[@type='file']")

需要对使用的两个 XPath 表达式进行此更改：

slideShowRow_elements.each do |e|
  uploadSlideShowImage = e.text_field_element(:xpath => ".//input[@type='file']")
  execute_script("$(arguments[0]).show();", uploadSlideShowImage) 
  uploadSlideShowImage.send_keys("//path/to/image_file")
  textSlideShowRow = e.text_field_element(:xpath => ".//input[@placeholder='Overlay Text']")
  textSlideShowRow.send_keys("row_number_x")
end

请注意，对于uploadSlideShowImage，您也可以通过不使用 XPath 来避免该问题：

uploadSlideShowImage = e.file_field_element