javascript - 如何从 n 个类中获取特定的类，以 javascript 开头？

Question

让我们举个例子:

HTML:

 <span class="one two three c-four five">How To Choose The "c-four" Class Out Of All Five Classes</span>

我假设 javascript 函数看起来像这样:

choose("span");

这会选出前面有“c-”的类，但是这只会选出一个类。如果有两个或更多类带有“c-”，那么它会选择最后一个覆盖第一个。

那么这可以做到吗？如果是怎么办？

提前致谢

Answer 1

您可以通过选择具有包含 c- 的类的所有“span”元素，然后从该集合中获取最后一个元素来完成此操作。然后通过过滤该元素的classList，得到所有以"c-"开头的类的数组。然后，您可以使用 .pop() 获取此元素的最后一次出现。

请看下面的例子:

const choose = elem => {
  const classes = [...document.querySelectorAll(`${elem}[class*="c-"]`)].pop().classList;
  return [...classes].filter(str => str.startsWith("c-")).pop();
}

console.log(choose("span"));

<span class="one two three c-four five">How To Choose The "c-four" Class Out Of All Five Classes</span>