通过 XPath 在指定标签中查找元素

DDD

发布： 2025-10-27 09:52:17

原创

973人浏览过

通过 xpath 在指定标签中查找元素

本文旨在介绍如何使用 XPath 表达式在 HTML 或 XML 文档中查找特定标签内的元素。我们将探讨如何限制搜索范围，使其仅限于 `span`、`h1`、`h2` 等指定的标签，并提供有效的 XPath 表达式示例，以帮助您更精确地定位目标元素。

在使用 XPath 进行元素查找时，有时我们需要将搜索范围限定在特定的 HTML 标签内，例如只在

、

和标签中查找符合条件的元素。直接使用 //* 会匹配所有标签，而简单的 //span|h1|h2 可能会导致意想不到的结果。本文将介绍如何正确地使用 XPath 表达式来实现这一目标。

使用 self:: 轴

XPath 提供了 self:: 轴，可以用来选择当前节点的指定类型。结合 or 运算符，我们可以构建一个 XPath 表达式，选择指定标签类型的元素。

以下是一个示例 XPath 表达式，用于选择文档中的所有 span、h1 或 h2 元素：

//*[self::span or self::h1 or self::h2]

登录后复制

解释:

//*: 选择文档中的所有元素。
[...]: 使用谓词来过滤选择的元素。
self::span: 检查当前元素是否为 span 标签。
self::h1: 检查当前元素是否为 h1 标签。
self::h2: 检查当前元素是否为 h2 标签。
or: 逻辑或运算符，只要满足其中一个条件，就选择该元素。

示例:

假设有如下 HTML 代码：

<div>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10908">
                            <img src="https://img.php.cn/upload/webcode/000/000/010/176425380615859.jpg" alt="ASP.NET 4.0电子商城">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10908">ASP.NET 4.0电子商城</a>
                            <p>在现实生活中的购物过程，购物者需要先到商场，找到指定的产品柜台下，查看产品实体以及标价信息，如果产品合适，就将该产品放到购物车中，到收款处付款结算。电子商务网站通过虚拟网页的形式在计算机上摸拟了整个过程，首先电子商务设计人员将产品信息分类显示在网页上，用户查看网页上的产品信息，当用户看到了中意的产品后，可以将该产品添加到购物车，最后使用网上支付工具进行结算，而货物将由公司通过快递等方式发送给购物者</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="ASP.NET 4.0电子商城">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10908" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="ASP.NET 4.0电子商城">
                        </a>
                    </div>
                
  <span>This is a span.</span>
  <h2>This is another heading</h2>
</div>

登录后复制

使用上述 XPath 表达式，将会选中

This is a heading

、This is a span. 和

This is another heading

这三个元素。

结合 starts-with() 和 translate() 函数

如果需要在指定的标签内查找文本内容以特定字符串开头的元素，可以结合 starts-with() 和 translate() 函数。translate() 函数可以将文本转换为小写，从而实现大小写不敏感的匹配。

以下是一个示例，用于在 span、h1 或 h2 标签中查找文本内容以 "search" 开头的元素（忽略大小写）：

//*[(self::span or self::h1 or self::h2) and starts-with(translate(text(), 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), 'search')]

登录后复制

解释:

//*[(self::span or self::h1 or self::h2)]: 选择所有 span、h1 或 h2 元素。
and: 逻辑与运算符，必须同时满足两个条件。
starts-with(translate(text(), 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), 'search'): 检查元素的文本内容（转换为小写后）是否以 "search" 开头。

示例代码（Python + Selenium）:

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

driver = webdriver.Chrome()  # 或者其他浏览器驱动
driver.get("your_html_file.html") # 替换成你的HTML文件路径

search_term = "example"
xpath_expression = f"//*[(self::span or self::h1 or self::h2) and starts-with(translate(text(), 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), '{search_term.lower()}')]"

elements = driver.find_elements(By.XPATH, xpath_expression)

for element in elements:
    print(element.text)

driver.quit()

登录后复制

注意事项:

确保 XPath 表达式的语法正确。可以使用在线 XPath 验证工具来测试表达式。
根据实际情况调整标签类型和搜索条件。
translate() 函数在一些 XPath 引擎中可能不支持，可以考虑使用其他大小写不敏感的匹配方法。

总结

通过使用 self:: 轴和逻辑运算符，我们可以有效地限制 XPath 表达式的搜索范围，使其仅限于指定的标签。结合 starts-with() 和 translate() 函数，可以实现更复杂的文本内容匹配。在实际应用中，需要根据具体的 HTML 结构和需求，灵活运用这些技巧，编写出高效、准确的 XPath 表达式。

以上就是通过 XPath 在指定标签中查找元素的详细内容，更多请关注php中文网其它相关文章！