如何为具有相同 html 结构的两个 div 设置 Xpath 和 CSSselector？

【问题标题】：How to Xpath and CSSselector for two divs with the same html structure?如何为具有相同 html 结构的两个 div 设置 Xpath 和 CSSselector？
【发布时间】：2020-12-03 20:43:24
【问题描述】：

我有两个 div。要求是我需要单击“选择样式”按钮。我需要通过检查按钮文本“选择样式”来找到第一个 div 和第二个 div 的 xpath，然后我需要单击它。那么如何找到div的xpath并点击呢。

<div>
<div class="product-wrapper multi-styles">
  <div class="product">
    <div class="product-image-container">
      <div class="product-label">Women's</div>
    </div>
    <div class="product-name">Women's</div>
    <button type="button" class="button button--primary">Select Styles</button>
  </div>
</div>
<div class="product-wrapper multi-styles">
  <div class="product">
    <div class="product-image-container">
      <div class="product-label">Men's</div>
    </div>
    <div class="product-name">Men's</div>
    <button type="button" class="button button--primary">Select Styles</button>
  </div>
</div>
</div>

【问题讨论】：

标签： java html selenium xpath

【解决方案1】：

要单击两个相应的按钮（女性/男性），请使用以下 XPath：

//div[@class="product-name"][.="Women's"]/following-sibling::button
//div[@class="product-name"][.="Men's"]/following-sibling::button

Selenium 语法（使用 Python）：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, '//div[@class="product-name"][.="Women's"]/following-sibling::button'))).click()
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, '//div[@class="product-name"][.="Men's"]/following-sibling::button'))).click()

进口：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

【讨论】：