主页 / coding / 问题 / 78945770
Accepted
klewis
Asked: 2024-09-04 03:18:38 +0800 CST

使用针对 querySelectorAll 的预定义字符串值数组来执行特定操作

  • 772

如果我有一个预定义的字符串值数组，如何通过 querySelectorAll 和 textContent 查看它们是否存在于 DOM 中？


//my array of predefined string values
let primaries = ["house", "people", "cat", "dog"];

let mTable = document.querySelectorAll("#mytable td font");

这就是我被困住的地方...我想从中找到任何字符串primaries。mTable如果找到任何字符串值，则执行特定操作（即console.log("I found you")）；

这是我目前所拥有的，但它一次只能对一个元素起作用。我该如何扩展我的思维过程呢？

var mPrimary = Array.from(
  mtable.querySelectorAll("td font")
).find((el) => el.textContent === "house");
if (mPrimary) {
  mPrimary.closest("tr").classList.add("d-none");
}
javascript

1 个回答

  1. Best Answer

    使用该Array.includes()方法在数组中搜索文本。

    并使用.filter()而不是.find()来获取所有匹配的 td。然后您可以使用.forEach()来处理所有这些。

    var mPrimary = Array.from(mtable.querySelectorAll("td font")
).filter(
  (el) => primaries.includes(el.textContent.trim())
);
mprimary.forEach(el => el.closest("tr").classList.add("d-none"));

    我添加了.trim()周围的空格，这样就不会导致匹配失败。

    • 3

相关问题