如何使用Python+Selenium拖拽jQuery可排序列表实现自定义顺序

故障根因 #

• 重复使用同一个ActionChains实例，历史操作会被累积在实例的动作队列中，导致后续执行的拖拽动作不符合预期
• 基于固定偏移量的拖拽逻辑不稳定，每次拖拽完成后列表所有元素的坐标会重新排布，后续偏移量计算会持续出现偏差
• 未设置拖拽间隔等待，连续触发拖拽会与页面元素重排动画产生冲突，导致动作失效

修正后可稳定运行的代码 #

import time
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.implicitly_wait(5)
driver.get("https://jqueryui.com/sortable/")

# 切换到示例iframe
driver.switch_to.frame(driver.find_element(By.TAG_NAME, "iframe"))

# 自定义目标排序，数字对应Item后的序号，修改此列表即可实现任意排序需求
target_order = [2,3,1,5,6,4,7]

for idx, target_num in enumerate(target_order):
    # 第一个元素作为基准无需移动
    if idx == 0:
        continue
    # 定位当前需要移动的元素
    current_item = driver.find_element(By.XPATH, f"//ul[@id='sortable']/li[text()='Item {target_num}']")
    # 定位前一个已经排好的元素，将当前元素拖到其下方即可
    prev_item = driver.find_element(By.XPATH, f"//ul[@id='sortable']/li[text()='Item {target_order[idx-1]}']")
    
    # 每次拖拽新建独立ActionChains实例，避免动作累积
    ActionChains(driver).drag_and_drop(current_item, prev_item).perform()
    # 等待列表重排完成，避免后续操作冲突
    time.sleep(0.5)

# 验证最终排序结果
sorted_items = driver.find_elements(By.XPATH, "//ul[@id='sortable']/li")
print("最终排序结果：")
for item in sorted_items:
    print(item.text)

# 按需开启关闭浏览器
# driver.quit()

核心优化点 #

• 每次拖拽都新建独立的ActionChains实例，不存在历史动作累积问题
• 放弃偏移量计算逻辑，直接基于目标元素定位拖拽，不受页面布局动态变化影响
• 增加拖拽间隔等待，确保每次拖拽动作生效、列表重排完成后再执行下一次操作
• 通用逻辑适配任意自定义排序需求，仅需要修改target_order列表即可

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