Navigate from bottom to top the DOM tree

[matteocacciola]

Hi, very good job! If I pick DOM element(s) by, e.g.,

from seleniumbase import SB

url = "https://rmets.onlinelibrary.wiley.com/action/doSearch?SeriesKey=1530261x&sortBy=Earliest&pageSize=100&startPage=0"

with SB(uc=True) as driver:
    driver.activate_cdp_mode(url)
    driver.cdp.maximize()

    driver.sleep(1)
    driver.uc_gui_click_captcha()

    try:
        tags = driver.cdp.find_all("i.icon-icon-lock_open", timeout=1)
    except Exception:
        tags = []

how may I navigate the DOM from each tag to an ancestor having a specific class (let me say, item__body) without multiple usages of parent() CDP method?

[mdmintz]

You'll need to use a for loop.
And you'll need to use element.get_parent().
And you'll need to use element.get_attribute("class") to get the class for your comparison.

[matteocacciola]

Or a while loop. Ok, thank you! Please, consider the implementation of such a get_ancestor method :)

[matteocacciola]

Moreover, it looks like get_attribute("class") doesn't work, but class_ works

[matteocacciola]

If it can help, I implemented get_ancestor like this:

def get_ancestor(tag: Element, selector: str) -> Element | None:
    if not tag or not selector:
        return None

    parts = selector.split(".")
    tag_name = None if selector.startswith(".") else parts[0]
    class_names = parts[1:] if "." in selector else []
    class_names = [class_name for class_name in class_names if class_name]

    condition = all([class_name in tag.class_ for class_name in class_names])
    if tag_name:
        condition = tag.tag_name == tag_name and condition

    if condition:
        return tag

    return get_ancestor(tag.get_parent(), selector) if tag.get_parent() else None