Python Selenium如何精准定位指定section下的product-pod元素？

网页结构 #

<section id='browse-search'>
  <div>
      <div>
          <div>
                <div class='product-pod'></div>
                <div class='product-pod'></div>
          </div>
      </div>
  </div>
</section>
<div class='product-pod'></div>
<div class='product-pod'></div>

需求 #

仅定位<section id='browse-search'>内部所有class='product-pod'的元素，排除section外的同类元素。

解决方案 #

1. XPath 定位（精准限定范围）

通过目标section的ID缩小查找范围，只匹配其内部的目标元素：

driver.find_elements(By.XPATH, "//section[@id='browse-search']//div[@class='product-pod']")

• 说明：//section[@id='browse-search']先定位到指定section，//div[@class='product-pod']表示在该section下任意层级查找符合class的div元素。

2. CSS 选择器（更简洁高效）

CSS选择器的写法更直观简洁，同样能精准限定范围：

driver.find_elements(By.CSS_SELECTOR, "#browse-search .product-pod")

• 说明：#browse-search对应ID为browse-search的section元素，.product-pod表示该元素下所有class为product-pod的后代元素，是Web元素定位中更推荐的简洁写法。

内容的提问来源于stack exchange，提问作者yyiws