Selenium新手求助：如何通过子标签文本定位指定WebElement

Hey there! As someone who's worked with Selenium on booking platforms like this, let's walk through how to target the element with the text "Hotel Washington"—since you're new to WebElement定位, I'll break down the most reliable methods tailored to your HTML structure.

1. XPath: The Go-To for Text-Based定位 #

XPath is perfect here because it directly supports matching element text, which is exactly what you need. Here are a few practical variations:

Target the <span> element containing the text #

This finds the exact span with your target text:

//span[text()='Hotel Washington']

If there might be extra spaces around the text (common in dynamic sites), use normalize-space to clean up whitespace:

//span[normalize-space(text())='Hotel Washington']

Target the parent <a> link element #

If you need to click the actual hotel link instead of just the text span, use this to jump up to the parent <a> tag:

//span[text()='Hotel Washington']/parent::a

2. CSS Selector: For Class-Based + Text Validation #

CSS selectors are faster in some cases, but they don't natively support text matching. Instead, you can target stable class names first, then verify the text in your code:

Step 1: Target the span using its class #

span.sr-hotel__name

Step 2: Verify the text in your code (Python example) #

from selenium.webdriver.common.by import By

all_hotel_spans = driver.find_elements(By.CSS_SELECTOR, "span.sr-hotel__name")
for span in all_hotel_spans:
    if span.text.strip() == "Hotel Washington":
        target_element = span
        break

Alternatively, some browser drivers support the non-standard :contains() pseudo-class (note: this isn't universally supported across all environments):

span.sr-hotel__name:contains('Hotel Washington')

3. Critical Tips for Booking.com Pages #

Booking.com uses heavily dynamic content, so these tips will save you from common headaches:

• Always wait for elements to load: Don't use find_element immediately—use WebDriverWait to avoid "element not found" errors. Example in Python:

  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
  hotel_element = wait.until(EC.presence_of_element_located((By.XPATH, "//span[normalize-space(text())='Hotel Washington']")))
  

• Avoid dynamic attributes: Never rely on parts of the href or data-et-click values—these change every time the page loads. Stick to stable class names and static text instead.

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