在Pure javaScript中选择以给定字符串开头的每个类 [英] Select each class starting with a given string in Pure javaScript

问题描述

我想选择任何拥有以给定字符串开头的类的元素，这是一个以 fi-

I would like to select any element owning a class starting by a given string, here is an example where the classes start with fi-

<i class="fi-xmsl-user"></i>
<i class="fi-stsl-map"></i>

我想用纯JavaScript(而不是jQuery)来做到这一点.

I would like to do this in pure JavaScript (no jQuery).

我已经阅读了以下问题:

I already read the following questions:

• 选择以jquery开头的类
• 如何按类名获取所有元素?
• jQuery选择第一个字母吗?

最后一个很有趣，但是我不喜欢在每个元素上循环以检查类的想法.

The last one is interesting, but I don't like the idea to loop over each element to check the classes.

推荐答案

使用 document.querySelectorAll 和通配符选择器.这里的 class ^ 表示此查询选择器将选择具有以 fi

Use document.querySelectorAll and wild card selector. Here class^ mean that this query selector will select any element who have a class starting with fi

let k = document.querySelectorAll('[class^="fi"]');
console.log(k)

<i class="fi-xmsl-user"></i>
<i class="fi-stsl-map"></i>

您可以通过传递 tag 名称

let k = document.querySelectorAll('i[class^="fi"]');
console.log(k.length)

<i class="fi-xmsl-user"></i>
<i class="fi-stsl-map"></i>
<div class="fi-stsl-map"></div>

这篇关于在Pure javaScript中选择以给定字符串开头的每个类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！