如何使用 javascript 从网站单击按钮并通过 xpath 和元素包含的特定文本找到该元素？

Question

我知道在 selenium 中可以通过元素包含的文本找到特定元素。我有一个示例代码：

the_element = browser.find_element_by_xpath("//span[contains(.,TEXT)]")

现在可以只使用 javascript 吗？ javascript 中有多种方法可以通过选择器来查找元素，但是通过元素包含的特定文本来查找元素是否有效？

我正在使用的元素是这样的：

<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">28</span>

我想通过它包含的数字 (28) 来查找元素。

如果有人知道怎么做，那就太棒了。

Answer 1

仅获取 span 元素（或文档中您知道要查看的特定部分中的元素）的集合。循环遍历元素并检查它们的 textContent 以获取您的值。

document.querySelectorAll("span").forEach(function(element){
  if(element.textContent.includes("28")){
    console.log(element);
  }
});

<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">21</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">22</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">22</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">23</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">24</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">25</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">26</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">27</span>
<span class="_7Cm1F9 ka2E9k uMhVZi dgII7d z-oVg8 pVrzNP">28</span>

Answer 2

定位元素的方式不会因语言绑定而改变（语法除外）。这个 xpath 应该可以工作：

the_elements = browser.find_elements_by_xpath("//span[text()='28']")
for element in the_elements:
    // do whatever here

编辑：这是 Javascript 中的相同代码：

var elements = driver.findElement(By.xpath("//span[text()='28']"));
for (var e : elements)
{
    // Do something
}