尝试识别网站扩展的特定元素

Question

我目前正在尝试为网站编写一个 chrome 扩展，以进行一些生活质量升级，但是在编码方面我基本上是全新的，并且在尝试识别网站上的特定元素时遇到了很多麻烦。之后还有更多事情需要完成，但此时我只是想确保我实际上可以抓住它并向控制台打印一些内容以验证它已被拉出。

这是我当前的代码：

function replaceCheck() {
    const elements = document.querySelectorAll(".wl-item.dropdown-item.added > a");
  
    elements.forEach((element) => {
      if (element.textContent.includes("Completed")) {
        console.log("Successfully Identified");
      }
    });
  }

通过此我尝试从网站获取以下元素：

问题是，当我运行它时，没有任何内容打印到控制台，我需要代码包含“Completed”字符串，因为根据用户从下拉列表中选择的选项，还有其他可能的字符串。

现在需要一些额外的说明，我大约 6 年前自学了 javascript，但从未真正将其用于任何实际用途，所以我基本上不知道此时我在做什么。这段代码最初是在人工智能的帮助下编写的，以获得一个起点，并从那里对其进行调整，因此这段代码在各个方面都可能完全不正确，只是试图在这一点上得到一个想法。

Answer 1

您正在尝试在 a 标签内查找标签，请尝试删除“"> a”，因为“.wl-item.dropdown-item.added”已经是它了