如何使用元素的文本内容选择元素?

您可以使用下面的XPath来获取 span

//*[contains(@class, "c-partnerSelector__menu__list")]/li/p/span[.="SecondElement"]

这与CSS选择器的含义相同 .c-partnerSelector__menu__list > li > p > span

注: 这回答了最初发布的问题, which was :

如何使用元素的文本内容选择元素document.querySelector?

从评论中,我们可以清楚地看到,这并不是hte OP的真正问题,不过,这一点得到了很多人的回答 Andersson's post . 不过,我会把这个留给那些 querySelector

querySelectorAll ,然后使用 Array#find 在上面找到你想要的文字:

var list = document.querySelectorAll('.c-partnerSelector__menu__list > li > p > span');
var element = Array.prototype.find.call(list, function(el) {
    return el.innerText.includes("SecondElement");
});

NodeList 查询选择器all iterable公司:

const element = [...document.querySelectorAll('.c-partnerSelector__menu__list > li > p > span')]
                    .find(el => el.innerText.includes("SecondElement"));

Andersson 似乎有一个很好的观点(例如 here )关于使用XPath,如果您可以选择的话。