Python Selenium初学者求助：含随机ID的元素定位失败

Hey there! Random dynamic IDs are such a common headache when working with Selenium—especially with frameworks like jqxWidgets that generate them automatically. Let's break down actionable ways to target that element using its fixed, non-changing attributes from the code you shared.

First, let's highlight the stable properties your element has (the parts that don't shift between page loads):

• role="option"
• class="jqx-listitem-element"
• aria-selected="true" (super useful if you're targeting the currently selected option)

1. Use Combined Fixed Attributes (XPath) #

This is usually the most reliable approach, as we're combining multiple static properties to zero in on the element.

For any element matching the role and class:

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

driver = webdriver.Chrome()
# After navigating to your target page
target_element = driver.find_element(By.XPATH, "//div[@role='option' and @class='jqx-listitem-element']")

If you specifically need the selected option (leveraging the aria-selected state):

selected_option = driver.find_element(By.XPATH, "//div[@role='option' and @aria-selected='true' and @class='jqx-listitem-element']")

2. Use Combined Fixed Attributes (CSS Selector) #

CSS selectors are often faster than XPath, so this is a solid alternative.

For the base element:

target_element = driver.find_element(By.CSS_SELECTOR, "div.jqx-listitem-element[role='option']")

For the selected option:

selected_option = driver.find_element(By.CSS_SELECTOR, "div.jqx-listitem-element[role='option'][aria-selected='true']")

3. Partial ID Match (If Prefix/Suffix is Static) #

Looking at your element's ID: listitem1innerListBoxjqxWidgetac7737dcf714—the prefix listitem1innerListBoxjqxWidget appears to stay the same. We can use partial matching here:

XPath starts-with

target_element = driver.find_element(By.XPATH, "//div[starts-with(@id, 'listitem1innerListBoxjqxWidget') and @class='jqx-listitem-element']")

CSS ^= (starts with)

target_element = driver.find_element(By.CSS_SELECTOR, "div[id^='listitem1innerListBoxjqxWidget'].jqx-listitem-element")

4. Anchor to a Stable Parent Element #

If the element lives inside a container with a fixed ID/class, you can traverse from that parent to narrow things down (perfect if there are multiple similar elements on the page). For example, if the parent has id="innerListBox":

target_element = driver.find_element(By.XPATH, "//div[@id='innerListBox']//div[@role='option' and @class='jqx-listitem-element']")

Bonus: Wait for Element to Load #

Dynamic elements might not be immediately available when the page loads. Use WebDriverWait to avoid NoSuchElementException:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

wait = WebDriverWait(driver, 10) # Wait up to 10 seconds
target_element = wait.until(EC.presence_of_element_located((By.XPATH, "//div[@role='option' and @class='jqx-listitem-element']")))

Try these methods one by one—start with the combined attribute approaches since they're the most robust. If you still hit snags, double-check if the element is inside an iframe (you'll need to switch to the iframe first) or if the class name has hidden spaces/typos.

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