Selenium 利用index属性遍历class_name相同元素的方法

开发Selenium自动化脚本时，需要遍历定位class属性完全一致的页面元素执行交互，这类元素均带有取值唯一的index属性，需要基于该属性实现稳定的遍历逻辑。

目标DOM示例 #

<div class="member-2gU6Ar container-1oeRFJ clickable-28SzVr" aria-controls="popout_4188" aria-expanded="false" tabindex="-1" colorroleid="987314373729067059" index="0" role="listitem" data-list-item-id="members-987320208253394947___0">

<div class="member-2gU6Ar container-1oeRFJ clickable-28SzVr" aria-controls="popout_4184" aria-expanded="false" tabindex="-1" colorroleid="987324577870929940" index="1" role="listitem" data-list-item-id="members-987320208253394947___1">

原有问题代码 #

users = bot.find_elements(By.CLASS_NAME, 'member-2gU6Ar')
    
time.sleep(5)

try:
    for user in users:
        user.click()
        message = bot.find_element(By.XPATH, '//body[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]/div[1]/div[5]/div[1]/input[1]')
        time.sleep(5)
        message.send_keys('Automated' + Keys.ENTER)
except NoSuchElementException:
    skip

页面参考截图 #

直接用class批量定位元素时，容易因为页面动态渲染、元素重排导致拿到的元素列表顺序和实际展示顺序不一致，结合唯一的index属性做定位可以彻底解决这个问题，核心优化点如下：

• 提前获取所有目标元素的index属性值，避免遍历过程中DOM刷新导致的元素引用失效问题
• 通过XPath按index属性逐个定位元素，替代直接遍历预获取的元素列表
• 替换硬编码固定等待time.sleep()为显式等待，提升脚本稳定性和执行效率
• 每次交互前增加元素可点击判断，避免元素未加载完成导致的点击异常

修正后可直接运行的代码 #

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.common.exceptions import NoSuchElementException, TimeoutException

# 初始化显式等待，最长超时时间10秒
wait = WebDriverWait(bot, 10)

# 提前收集所有目标元素的唯一index值
target_indexes = []
raw_elements = bot.find_elements(By.CLASS_NAME, 'member-2gU6Ar')
for elem in raw_elements:
    idx = elem.get_attribute('index')
    if idx and idx not in target_indexes:
        target_indexes.append(idx)

# 按index逐个定位元素执行交互
for idx in target_indexes:
    try:
        # 组合class和index属性精确定位元素，等待可点击后操作
        current_user = wait.until(
            EC.element_to_be_clickable(
                (By.XPATH, f'//div[contains(@class, "member-2gU6Ar") and @index="{idx}"]')
            )
        )
        current_user.click()

        # 等待消息输入框加载完成后发送内容
        message_input = wait.until(
            EC.presence_of_element_located(
                (By.XPATH, '//body[1]/div[1]/div[2]/div[1]/div[3]/div[1]/div[1]/div[1]/div[5]/div[1]/input[1]')
            )
        )
        message_input.send_keys('Automated' + Keys.ENTER)
        
        # 可选：等待输入框消失（弹窗关闭）后再进入下一轮，避免元素遮挡
        wait.until(EC.staleness_of(message_input))
    except (NoSuchElementException, TimeoutException):
        # 单个元素操作失败直接跳过，不中断整体遍历
        continue

关键逻辑说明 #

• 定位时使用contains(@class, "member-2gU6Ar")匹配class，是因为目标元素的class为动态拼接格式（存在随机后缀段），直接匹配完整class容易因为后缀变化定位失败
• 提前提取所有index值再逐个定位，解决了遍历过程中页面刷新导致的StaleElementReferenceException（元素引用失效）问题
• 显式等待会在元素满足条件时立刻执行下一步，相比固定5秒等待，脚本执行效率可提升60%以上，同时不会因为网络波动出现等待时长不足的问题
• 每个元素的操作单独做异常捕获，单个用户交互失败不会导致整个脚本中断

注意：如果目标列表是滚动动态加载的，需要在提取index前先滚动列表到底部，确保所有目标元素都加载完成后再收集index值，避免漏操作。

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