如何通过文本内容而非索引点击指定的可点击li元素？

直接通过索引定位元素容易因为页面结构变化出错，你可以用以下两种方法精准匹配文本内容来点击目标li：

方法一：使用XPath定位 #

利用XPath的文本匹配语法，直接找到文本为"222"的li元素：

// 精准匹配纯文本为"222"的li
const targetLi = document.evaluate('//li[text()="222"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (targetLi) {
  targetLi.click();
}

如果目标li的文本前后可能有空格，用normalize-space处理：

// 自动去除文本前后空格后匹配
const targetLi = document.evaluate('//li[normalize-space(text())="222"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (targetLi) {
  targetLi.click();
}

方法二：遍历li元素匹配文本 #

通过遍历所有li元素，逐一比对文本内容：

const allLiElements = document.querySelectorAll('li');
for (const li of allLiElements) {
  // trim()处理可能的前后空格，确保匹配准确
  if (li.textContent.trim() === '222') {
    li.click();
    break; // 找到目标后立即停止遍历，提升效率
  }
}

两种方法都能避免索引变化带来的问题，根据你的实际页面情况选择即可。

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